@keyframes carouselFade{0%{opacity:0}4%{opacity:1}10%{opacity:1}14%{opacity:0}100%{opacity:0}}#before-after{width:100%;height:100%;position:relative;height:auto;display:flex;flex-direction:column-reverse;gap:40px;margin:4rem 0}#before-after.grey-background{background-color:#f8f8f8;margin:0;padding:4rem 0}#before-after .image{width:calc(100vw - 48px);height:calc(100vw - 48px);margin:0 auto;position:relative;order:1}#before-after .image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-o-object-position:30%;object-position:30%;transition:clip-path 1s ease}#before-after .image .after{clip-path:inset(0 100% 0 0);animation:swipe 10s ease infinite}#before-after .text{width:calc(100vw - 48px);margin:0 auto;order:2}#before-after .text h3{margin-bottom:.5rem}#before-after .text p{margin-bottom:2rem}#before-after .text p:last-child{margin-bottom:0}@media screen and (min-width:820px){#before-after .image{position:absolute;width:calc(50% - 64px);height:60%;top:50%;transform:translateY(-50%);right:64px;left:unset}#before-after .text{max-width:660px;width:calc(50% - 128px);position:absolute;top:50%;left:64px;transform:translate(0,-50%)}#before-after .text h2,#before-after .text p{margin:0 auto 30px auto}#before-after .text h3{margin:0 auto 1rem auto}}@keyframes swipe{0%{clip-path:inset(0 100% 0 0)}20%{clip-path:inset(0 0 0 0)}50%{clip-path:inset(0 0 0 0)}70%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 100% 0 0)}}