.mobile-canvas canvas{position:relative;z-index:1}.mobile-canvas:before{background-image:var(--bg-image);background-position:50% -30%;background-repeat:no-repeat;background-size:170%;content:"";height:100vh;left:50%;position:absolute;transform:translate(-50%);width:100vw;z-index:0}.section-transition{overflow:hidden;position:absolute;width:100%;z-index:100}.section-transition .item{flex-shrink:0;transform-origin:0 0}.section-transition .item:first-child{margin-right:-1px;transform:skewY(-3deg);width:10%}.section-transition .item:nth-child(2){width:15%}.section-transition .item:nth-child(3){width:50%}.section-transition .item:nth-child(4){width:30%}.contact-section{position:relative}@media(hover:none)and (max-width:600px){.contact-section:before{background-image:url(../gradients/contact-gradient.png);background-position:100% 0;background-repeat:no-repeat;background-size:220%;content:"";height:150vh;mix-blend-mode:color-dodge;position:absolute;top:0;width:100vw}}