.hero-image-banner-section .section-image{position: relative;overflow: hidden;}
.hero-image-banner-section .section-image:after{content:"";width:100%;display:block;padding-bottom:var(--image-height);}
.hero-image-banner-section .section-image img{position: absolute;top:0px;left:0px;width:100%;height:100%;object-fit: cover;}

@media only screen and (min-width: 750px){
    .hero-image-banner-section .section-image.mobile-only{display:none;} 
    .hero-image-banner-section .section-image:after{padding-bottom:720px;}
}

@media only screen and (max-width: 749px){
    .hero-image-banner-section .section-image.desktop-only{display:none;} 

}