diff --git a/public/indexA.css b/public/indexA.css index 33c015c..fd6b96c 100755 --- a/public/indexA.css +++ b/public/indexA.css @@ -42,10 +42,9 @@ h1, h2 { background: #000; border-radius: 8px; overflow: hidden; - /* Keep a 16:9 box that doesn't stretch beyond the source resolution */ width: 100%; max-width: 1280px; - aspect-ratio: 16 / 9; + aspect-ratio: 4 / 3; margin: 0 auto; } @@ -56,7 +55,8 @@ h1, h2 { #overlayImg { position: absolute; inset: 0; /* top:0; right:0; bottom:0; left:0 */ - width: 100%; + /*width: 100%;*/ + width: 1280px; height: 100%; /* Use `contain` so both layers scale uniformly and show letterboxing instead of stretching or cropping when the container size differs from the image. */