#hero-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
  max-width: 100%;
  height: 40vh;
  box-shadow: 5px;
  margin-bottom: 0;
}

#hero-images {
  height: 100%;
  width: 100%;
  position: relative;
  object-fit: cover;
  object-position: 50% 50%;
}