.hero-image, .hero-image2 {
  background-image: url(../images/amen_corner.jpg); /* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  height: 50%; /* 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 */
}
.hero-image2 {
  background-image: url(../images/golfheader1.jpg); /* The image used */
  height: 25%; /* You must set a specified height */
}