Fix image object fit (#66)

* Fix image object fit * Display with aspect ratio instead of object-fit
kanopi · Sep 23, 2024 · 3384a03 · 3384a03
1 parent 23f92d1
commit 3384a03
Showing 1 changed file with 4 additions and 3 deletions.
diff --git 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;