fix: center parallax hero image cross-browser

Replace Firefox-specific @supports hack with explicit absolute
centering (left/right/margin-inline: auto) on the image container.
This commit is contained in:
2026-02-03 08:18:32 +01:00
parent 650c061137
commit 43378bfec0

View File

@@ -122,6 +122,9 @@
div:has(.placeholder){
position: absolute;
top: 0;
left: 0;
right: 0;
margin-inline: auto;
width: min(1000px, 100dvw);
height: max(60dvh,600px);
overflow: hidden;
@@ -131,12 +134,6 @@ div:has(.placeholder){
opacity: 1;
}
@supports (-moz-appearance:none) {
.placeholder{
translate: -50% -50%;
}
}
/* DIALOG */
dialog{
position: relative;