@media (max-width: 560px) {
  .hero {
    min-height: 760px;
    align-items: flex-start;
  }

  .hero::before {
    inset: 66% 0 0;
  }
}