From 3384a03e8d16fb2ccd2cf400f64e0ea9c4a34d74 Mon Sep 17 00:00:00 2001
From: Nicole Karhoff <45244877+nkarhoff@users.noreply.github.com>
Date: Mon, 23 Sep 2024 17:12:30 -0400
Subject: [PATCH] Fix image object fit (#66)

* Fix image object fit

* Display with aspect ratio instead of object-fit
---
 assets/scss/custom/_hero.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/assets/scss/custom/_hero.scss b/assets/scss/custom/_hero.scss
index c0b2c59..7407f25 100644
--- a/assets/scss/custom/_hero.scss
+++ b/assets/scss/custom/_hero.scss
@@ -36,10 +36,10 @@
   .hero-image {
       width: 100%;
       height: 100%;
-      position: absolute;
       top: 0;
       left: 0;
       aspect-ratio: 16 / 9;
+      position: unset !important;
 
       @include media-breakpoint-down(lg) {
           position: relative !important;
@@ -127,11 +127,12 @@
 .page-header {
   @include media-breakpoint-up(lg) {
     min-height: 55vh;
+    overflow: hidden;
   }
 
   &.video {
     @include media-breakpoint-up(lg) {
-        aspect-ratio: 16 / 9;
+        
     }
 
     video {
@@ -144,11 +145,11 @@
 .hero-image-page { 
   width: 100%;
   height: 100%;
-  position: absolute;
   top: 0;
   left: 0;
   aspect-ratio: 16 / 9;
   z-index: 0 !important;
+  position: unset !important;
 
   @include media-breakpoint-down(lg) {
       position: relative !important;