@media (max-width: 768px) {
  .hero-info {
    width: 90%;
    max-width: 420px;
    margin: auto;
    margin-left: 5vw;
  }

  .hero-arrows {
    right: 20px;
    gap: 8px;
  }

  .hero-arrow {
    width: 40px;
    height: 40px;
    font-size: 24px;
  }
}