diff --git a/src/components/Family/family.scss b/src/components/Family/family.scss index e9609b4..1c2534a 100644 --- a/src/components/Family/family.scss +++ b/src/components/Family/family.scss @@ -23,13 +23,15 @@ .image-panel { width: 100%; - height: auto; + height: 100%; aspect-ratio: 25.375 / 18.125; overflow: hidden; position: relative; img { width: 100%; + height: 100%; object-fit: cover; + display: block; } .image-panel-popup { diff --git a/src/components/ProjectsAndCampaigns/projects-and-campaigns.scss b/src/components/ProjectsAndCampaigns/projects-and-campaigns.scss index 3998ee9..b4c1a67 100644 --- a/src/components/ProjectsAndCampaigns/projects-and-campaigns.scss +++ b/src/components/ProjectsAndCampaigns/projects-and-campaigns.scss @@ -74,14 +74,14 @@ place-self: center start; width: calc(10 / 12 * 100%); height: auto; - aspect-ratio: auto; - object-fit: contain; + aspect-ratio: 25 / 16; position: relative; img { width: 100%; height: 100%; border-radius: 2.5rem; box-shadow: 7px 7px 50px 4px rgba(88, 24, 30, 0.4); + object-fit: cover; } } .iecep-day-text {