#before-after{display:flex;justify-content:center;align-items:center;width:100%;height:100%}#before-after .before-after-container{width:90%;height:90%;display:flex;justify-content:space-between;align-items:center}#before-after .before-after-images{position:relative;width:66%;height:90%;aspect-ratio:16/9;overflow:hidden}#before-after .before-after-images img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:clip-path 1s ease}#before-after .before-after-images .after{clip-path:inset(0 100% 0 0);animation:swipe 10s ease infinite}#before-after .before-after-text{width:33%}#before-after .before-after-text .container{width:90%;max-width:550px;height:auto!important}#before-after .before-after-text .container p{margin:2rem 0}#before-after .before-after-text .container a{position:relative;display:block;color:#2e2b2b;text-decoration:none;transition:.5s;font-size:clamp(.8rem,2.5vh,1rem);font-family:montserrat}#before-after .before-after-text .container a::after{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8 4l8 8-8 8" stroke="black" stroke-width="2" fill="none"/></svg>');width:1rem;height:1rem;transition:.5s;position:absolute;top:3px;display:inline-block;margin-left:5px;opacity:.6}#before-after .before-after-text .container a:hover{font-weight:500}@media screen and (max-width:1024px){#before-after{padding:40px}#before-after .before-after-container{height:unset;flex-direction:column;gap:0;width:85vw}#before-after .before-after-container .before-after-images{width:100%;height:400px;margin:0 auto}#before-after .before-after-container .before-after-text{width:100%}#before-after .before-after-container .before-after-text .container{max-width:100%;width:100%;margin:0}}@keyframes swipe{0%,100%,70%{clip-path:inset(0 100% 0 0)}20%,50%{clip-path:inset(0 0 0 0)}}