.rotatable-element1 img{width:auto;height:100%;transform-origin:bottom center;transform:rotate(calc(var(--progress) * 30deg))}.text-from-left{display:flex;justify-content:left;align-items:center}.text-from-left p{width:100%;height:auto;transform:translate(calc(var(--progress) * 30px));opacity:1}.text-from-right{display:flex;justify-content:right;align-items:center}.text-from-right h2{width:100%;height:auto;transform:translate(calc(var(--progress) * (-30px)));opacity:1}.rotatable-element4{z-index:0;display:flex;justify-content:center;align-items:center}.rotatable-element4 img{width:auto;height:100%;transform-origin:bottom center;transform:rotate(calc(var(--progress) * 30deg))}.text-from-left4{display:flex;justify-content:center;align-items:center;width:20vh}.text-from-left4 p{width:100%;height:auto;transform:translate(calc(var(--progress) * 30px));opacity:1}.text-from-right4{display:flex;justify-content:center;align-items:center;width:100%}.text-from-right4 h2{width:100%;height:auto;transform:translate(calc(var(--progress) * (-30px)));opacity:1}.my-wrapper{padding:80px;margin:50px 0;background-color:#ffe0b2;border:2px dashed #ff9800;text-align:center;transition:all .7s ease-in-out}.my-wrapper.highlighted{background-color:#a7d9b9;border-color:#4caf50;transform:scale(1.05);box-shadow:0 8px 16px #0003}