.floating-image-wrapper{display:block;width:100%;height:100%}.floating-image-container{width:100%;height:100%;animation:floatOnWater 4s ease-in-out infinite;transform-origin:center;will-change:transform}@keyframes floatOnWater{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(.5deg)}50%{transform:translateY(-4px) rotate(0deg)}75%{transform:translateY(-12px) rotate(-.5deg)}to{transform:translateY(0) rotate(0deg)}}.floating-image-wrapper.subtle .floating-image-container{animation-duration:5s;animation-name:floatSubtle}@keyframes floatSubtle{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-4px) rotate(.25deg)}50%{transform:translateY(-2px) rotate(0deg)}75%{transform:translateY(-6px) rotate(-.25deg)}to{transform:translateY(0) rotate(0deg)}}.floating-image-wrapper.medium .floating-image-container{animation-duration:4s;animation-name:floatMedium}@keyframes floatMedium{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(.5deg)}50%{transform:translateY(-4px) rotate(0deg)}75%{transform:translateY(-12px) rotate(-.5deg)}to{transform:translateY(0) rotate(0deg)}}.floating-image-wrapper.strong .floating-image-container{animation-duration:3s;animation-name:floatStrong}@keyframes floatStrong{0%{transform:translateY(0) rotate(0deg)}20%{transform:translateY(-12px) rotate(1deg)}40%{transform:translateY(-6px) rotate(0deg)}60%{transform:translateY(-18px) rotate(-1deg)}80%{transform:translateY(-8px) rotate(.5deg)}to{transform:translateY(0) rotate(0deg)}}.floating-image-wrapper:hover .floating-image-container{animation-play-state:paused}.floating-image-container:after{content:"";position:absolute;bottom:-20px;left:10%;right:10%;height:10px;background:radial-gradient(ellipse,rgba(0,0,0,.1) 0,transparent 70%);border-radius:50%;animation:shadowFloat 4s ease-in-out infinite;z-index:-1}@keyframes shadowFloat{0%{transform:scale(1) translateY(0);opacity:.3}25%{transform:scale(.9) translateY(8px);opacity:.2}50%{transform:scale(.95) translateY(4px);opacity:.25}75%{transform:scale(.85) translateY(12px);opacity:.15}to{transform:scale(1) translateY(0);opacity:.3}}.floating-image-wrapper.subtle .floating-image-container:after{animation-duration:5s}.floating-image-wrapper.strong .floating-image-container:after{animation-duration:3s}@media (prefers-reduced-motion:reduce){.floating-image-container{animation:none}.floating-image-container:after{animation:none;opacity:.2}}@media (max-width:768px){.floating-image-wrapper.medium .floating-image-container,.floating-image-wrapper.strong .floating-image-container{animation-name:floatSubtle;animation-duration:5s}}