diff --git a/img/char-akua.jpg b/img/char-akua.jpg index cf0a776..eb4dffc 100644 Binary files a/img/char-akua.jpg and b/img/char-akua.jpg differ diff --git a/img/char-eman.jpg b/img/char-eman.jpg index 32b7def..b8de6ad 100644 Binary files a/img/char-eman.jpg and b/img/char-eman.jpg differ diff --git a/img/char-grandma-bea.jpg b/img/char-grandma-bea.jpg index d306b53..ef555dc 100644 Binary files a/img/char-grandma-bea.jpg and b/img/char-grandma-bea.jpg differ diff --git a/img/char-joanna.jpg b/img/char-joanna.jpg index d909d47..7aab8df 100644 Binary files a/img/char-joanna.jpg and b/img/char-joanna.jpg differ diff --git a/img/char-missy.jpg b/img/char-missy.jpg index 44d713b..dcc6d99 100644 Binary files a/img/char-missy.jpg and b/img/char-missy.jpg differ diff --git a/img/char-rebecca.jpg b/img/char-rebecca.jpg index 657a028..2ba6bde 100644 Binary files a/img/char-rebecca.jpg and b/img/char-rebecca.jpg differ diff --git a/img/char-sarah.jpg b/img/char-sarah.jpg index d09682c..faaf6fd 100644 Binary files a/img/char-sarah.jpg and b/img/char-sarah.jpg differ diff --git a/index.html b/index.html index b824729..368bf80 100644 --- a/index.html +++ b/index.html @@ -526,6 +526,7 @@ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin-top: 3rem; + justify-items: center; } .character-card { @@ -535,6 +536,10 @@ position: relative; overflow: hidden; transition: border-color 0.3s, transform 0.3s; + width: 100%; + max-width: 380px; + display: flex; + flex-direction: column; } .character-card .character-name, @@ -665,11 +670,12 @@ /* ═══════ CHARACTER PHOTOS ═══════ */ .character-photo { width: 100%; - height: 260px; + aspect-ratio: 1 / 1; object-fit: cover; - object-position: top; + object-position: center 20%; margin-bottom: 1.5rem; border-bottom: 1px solid rgba(255,255,255,0.08); + display: block; } /* ═══════ CREATOR ═══════ */ @@ -753,20 +759,6 @@ } } - /* ═══════ STRATEGY ═══════ */ - .strategy-gallery { - display: flex; - flex-direction: column; - gap: 2rem; - margin-top: 3rem; - } - - .strategy-gallery img { - width: 100%; - height: auto; - border: 1px solid rgba(255,255,255,0.08); - } - /* ═══════ SCROLL REVEAL ═══════ */ .reveal { opacity: 0; @@ -1156,21 +1148,6 @@
- -
-
- -

Strategy & Distribution

-
- -
- -
-