diff --git a/static/css/lightbox.css b/static/css/lightbox.css index 3166a75..a237b4b 100644 --- a/static/css/lightbox.css +++ b/static/css/lightbox.css @@ -8,8 +8,10 @@ z-index: 999; width: 100vw; height: 100vh; - background: rgba(0, 0, 0, 0.8); } - .lightbox img { + background: rgba(0, 0, 0, 0.8); +} + +.lightbox img { position: absolute; top: 0; left: 0; @@ -17,7 +19,10 @@ bottom: 0; margin: auto; max-width: 100%; - max-height: 100%; } - .lightbox:target { + max-height: 100%; + object-fit: contain; +} + +.lightbox:target { outline: none; display: block; }