diff --git a/styles.css b/styles.css
index 2e2b5f1..2e897f7 100644
--- a/styles.css
+++ b/styles.css
@@ -42,9 +42,9 @@ a:hover { color:#991b1b; text-decoration:underline; }
 .header-links a:hover { background:rgba(255,255,255,0.25); }
 .header-links a + a { margin-left:10px; }
 
-.gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(225px,1fr)); gap:8px; margin-top:8px; }
-.gallery img { width:100%; height:225px; object-fit:cover; border-radius:8px; cursor:pointer; display:block; transition:all 0.3s ease; border:2px solid transparent; }
-.gallery img:hover { transform:scale(1.04); box-shadow:0 4px 12px rgba(139,18,18,0.15); border-color:#dc2626; }
+.gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); gap: 8px; margin-top: 8px; }
+.gallery img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; cursor: pointer; display: block; transition: all 0.3s ease; border: 2px solid transparent; }
+.gallery img:hover { transform: scale(1.04); box-shadow: 0 4px 12px rgba(139,18,18,0.15); border-color: #dc2626; }
 
 .modal { position:fixed; inset:0; background:rgba(2,6,23,0.95); display:flex; align-items:center; justify-content:center; z-index:60; backdrop-filter:blur(2px); }
 .modal.hidden { display:none; }