.banner-container{position:relative;width:100%;padding-bottom:38%;overflow:hidden;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:box-shadow .3s ease}.banner-container:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.banner-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .5s ease}.banner-image:hover{transform:scale(1.03)}.banner-overlay{position:absolute;inset:0;background-color:transparent;transition:background-color .3s ease}.banner-overlay:hover{background-color:rgba(0,0,0,.1)}@media (max-width:640px){.banner-container{padding-bottom:50%}}