.movie, .hero-section {
    flex-grow: 1;
}

.hero-section {
    padding: var(--5);
}

form {
    margin: auto 0;
}

@media (max-width: 1024px) {
    .hero-section {
        height: min-content;
      flex-direction: column;
    }
  }


@media (max-width: 700px) {
    .movie {
        height: 200px;
    }
.hero-section {
    padding: var(--5);
    flex-grow: 1;
}
p {
 margin-bottom: auto;
}
}