.hero-container-slider{display:grid;grid-template-columns:1fr;margin:0 auto;max-width:1920px;position:relative;width:100%}.hero-container-slider .slide{grid-area:1/1/2/2;opacity:0;transition:opacity 1s ease-in-out,visibility 1s ease-in-out;visibility:hidden;width:100%}.hero-container-slider .slide.active{opacity:1;position:relative;visibility:visible}.hero-container-slider .slide:not(.active){left:0;position:absolute;top:0}.hero-container-slider .slide img{display:block;height:auto;width:100%}