.introContainer{width:100%;max-width:2000px;height:calc(($introWidth/16)*8);background-color:$colorBackground;z-index:-2;margin:0 auto;position:relative;top:0;overflow:hidden}.introContainer img{aspect-ratio:16/9;object-fit:cover;visibility:hidden;z-index:0;clip-path:polygon(40% 0,80% 0,60% 100%,20% 100%);width:100%;animation:20s linear infinite slide-animation;position:absolute;transform:scale(1)}.introContainer h2{text-transform:uppercase;text-shadow:rgba($color: #000,$alpha: .2)3px 3px 3px;font-size:10vw;animation:20s linear infinite backwards srf-mst;position:absolute}.introContainer h2:first-of-type{color:$colorFontLightBlue;font-family:Raleway;animation-delay:2s;top:10%;left:10%}.introContainer h2:nth-of-type(2){color:$colorFontLight;font-family:Montserrat;font-style:italic;font-weight:300;animation-delay:3s;top:calc(47.5% - 7vw);right:25%}.introContainer h2:nth-of-type(3){color:$colorLightRed;animation-delay:4s;bottom:20%;right:10%}.introContainer h2:nth-of-type(4){color:$colorFontYellow;text-align:center;animation-delay:12s;top:25%;left:15%}@keyframes srf-mst{0%{opacity:1;transform:translate(240%)}2%{opacity:1;transform:translate(0)}30%{opacity:1}33%{opacity:0}to{opacity:0}}.introContainer img:first-child{transform:translate(-110%)}.introContainer img:nth-child(2){animation-delay:4s;transform:translate(110%)}.introContainer img:nth-child(3){animation-delay:8s;transform:translate(-110%)}.introContainer img:nth-child(4){animation-delay:12s;transform:translate(110%)}.introContainer img:nth-child(5){animation-delay:16s;transform:translate(-110%)}@keyframes slide-animation{0%{visibility:visible}5%{clip-path:polygon(40% 0,80% 0,60% 100%,20% 100%);transform:scale(1)}6.25%{clip-path:polygon(0 0,100% 0%,100% 100%,0% 100%);transform:translate(0)}25%{z-index:-1;clip-path:polygon(0 0,100% 0%,100% 100%,0% 100%);transform:scale(1.1)}30%{z-index:-1;visibility:hidden;transform:translate(0)}}