Committed and Pushed by ButtonClick
This commit is contained in:
@@ -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. */
|
||||||
|
|||||||
Reference in New Issue
Block a user