.hero-image {
  
  /* height: 50vh; */
  width: 100%;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-text {
  text-align: center;
  position: absolute;
  top: 85%;
  left:20%;
  transform: translate(-50%, -50%);
  color: black;
}