Committed and Pushed by ButtonClick

This commit is contained in:
ChK
2025-12-22 17:54:42 +01:00
parent bd4ccb6ffe
commit 203894c739

View File

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