.banner-skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;aspect-ratio:30/12;background:linear-gradient(90deg,#f0f0f040 25%,#e0e0e040,#f0f0f040 75%);background-size:200% 100%;border-radius:8px;overflow:hidden;transition:all .3s ease;width:100%}@media only screen and (min-width:1200px){.banner-skeleton{aspect-ratio:12/5}}.banner-main-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;border-radius:8px}.banner-main-container .img-wrapper{aspect-ratio:30/12;position:relative;width:100%}.banner-main-container .img-loading-overlay{inset:0;position:absolute;z-index:1}.banner-main-container .img-overlay{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:2}.banner-main-container img{border-radius:8px;height:100%;width:100%}@media only screen and (min-width:1200px){.banner-main-container{position:relative}.banner-main-container .img-wrapper{aspect-ratio:12/5}.banner-main-container:before{background:linear-gradient(-270deg,#000 10%,rgba(0,0,0,.7) 30%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.2) 90%,transparent);left:0}.banner-main-container:after,.banner-main-container:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:16.6666666667%;z-index:20}.banner-main-container:after{background:linear-gradient(270deg,#000 10%,rgba(0,0,0,.7) 30%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.2) 90%,transparent);right:0}}