.hero-image {
  background-image: url("/images/ramean.png"); /* The image used */
  background-color: #fff; /* Used if the image is unavailable */
  height: calc(100vw / 2); /* You must set a specified height */

  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.whitespace-divider {
  margin: 10rem 0;
}