.plant { display: block; position: relative; width: 180px; height: 240px; max-width: 100%; }
.plant img { display: block; width: 100%; height: auto; }
.plant-pot { position: absolute; top: 0; left: 0; pointer-events: none; }
.plant-leaves { transform-origin: 50% 60.4167%; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .plant:hover .plant-leaves { animation: plant-sway 1.4s ease-in-out 1; }
}
@keyframes plant-sway { 0%, 100% { transform: rotate(0deg); } 30% { transform: rotate(1.5deg); } 65% { transform: rotate(-.7deg); } }

@media (max-width: 600px) { .plant { width: 80px; height: auto; } }