.hero-object{will-change:transform;z-index:0;opacity:.5;animation:6s ease-in-out infinite hero-object;position:absolute}.hero-object1{animation-delay:0s;top:8%;left:-5%}.hero-object2{animation-delay:1s;top:-5%;right:-5%}.hero-object3{animation-delay:2s;bottom:-12%;right:10%}.hero-object4{animation-delay:3s;bottom:-40%;left:20%}@keyframes hero-object{0%{transform:translate(0)scale(1)rotate(0)}25%{transform:translate(10px,-15px)scale(1.05)rotate(5deg)}50%{transform:translate(-10px,15px)scale(.95)rotate(-5deg)}75%{transform:translate(-15px,-10px)scale(1.02)rotate(3deg)}to{transform:translate(0)scale(1)rotate(0)}}