.header-image{
    width:10em;
  }

.info-img{
  width: 100%;
  opacity: 1;
  z-index: -1;
}
@media (min-width: 900px){
  .hero-row-two-column{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 5rem;
  }
}

@media (min-width: 1200px){
  .hero-row-two-column{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 5rem;
  }
}


div > h2{
  width: 100%;
}