.intro-container{background:radial-gradient(circle,rgba(0,221,255,.302),transparent 40%),#121111 30%;display:flex;align-items:center;justify-content:center;width:100vw}.intro-container .intro-section{margin-top:8rem;width:70vw;display:flex}.intro-container .image-container{padding-top:.7rem;display:flex;width:30vw;margin:0 auto}.intro-container .swap-img{position:absolute;object-fit:cover;transition:transform .5s}.intro-container .top-right{z-index:1}.intro-container .top-right.initial{transform:translate(200px)}.intro-container .top-right.swapped{transform:translate(220px)}.intro-container .top-left{z-index:2}.intro-container .top-left.initial{transform:translateY(15px)}.intro-container .top-left.swapped{transform:translate(170px,200px)}.intro-container .bottom-left{z-index:3}.intro-container .bottom-left.initial{transform:translate(60px,140px)}.intro-container .bottom-left.swapped{transform:translate(-40px,30px)}.intro-container .intro-text{max-width:40vw;transition:transform .5s;transform:translateX(25px)}.intro-container .intro-text.hovered{transform:translateX(70px)}.intro-container .intro-text h1{font-family:Unbounded;font-weight:700;font-size:3.8rem;line-height:120%;letter-spacing:0}.intro-container .intro-text h5{margin-top:1.5rem;font-family:Satoshi;font-weight:500;font-size:1.6rem;line-height:120%;letter-spacing:0}@media screen and (max-width:1024px){.intro-container{padding:.7rem;background:radial-gradient(circle at 25% 20%,rgba(0,221,255,.302),transparent 40%),radial-gradient(circle at 70% 75%,rgba(0,221,255,.302),transparent 30%),#121111 30%}.intro-container .intro-section{width:100vw;flex-direction:column;margin-top:0}.intro-container .intro-section .image-container{margin-left:-4vw;width:100vw;height:60vh;transform:scale(.7)}.intro-container .intro-section .image-container .swap-img{transition:transform 1s ease-out}.intro-container .intro-section .intro-text{display:flex;flex-direction:column;max-width:95vw;transform:none;justify-content:center;align-items:center}.intro-container .intro-section .intro-text h1{font-size:1.9rem}.intro-container .intro-section .intro-text h5{text-align:center;font-size:.8rem}}@media screen and (max-width:420px){.intro-container .intro-section .image-container{transform:scale(.6)}}