/* Only show .hero-mobile on mobile, and .hero-flex on desktop */
.hero-mobile { display: none; }
.hero-flex { display: flex; }

@media (max-width: 768px) {
  .hero-mobile { display: flex !important; }
  .hero-flex { display: none !important; }
}