@media screen and (max-width: 1085px) {
  .grid,
  .hero {
    grid-template-columns: 1fr;
    row-gap: var(--padding-vertical);
  }
}

@media screen and (max-width: 800px) {
  .hero__text {
    display: block;
  }
}