diff --git a/css/galleriffic-2.css b/css/galleriffic-2.css index 65b5e86..9a9058b 100644 --- a/css/galleriffic-2.css +++ b/css/galleriffic-2.css @@ -205,14 +205,14 @@ div.navigation { display: flex; align-items: center; justify-content: center; - padding: 24px; + padding: 12px; box-sizing: border-box; } .lightbox-content img { - max-width: 95vw; - max-height: 95vh; - width: auto; - height: auto; + /* Fill the dark area as much as possible while keeping aspect ratio */ + width: 98vw; + height: 98vh; + object-fit: contain; border: 1px solid rgba(255, 255, 255, 0.2); background: #000; }