#hero{
  background-image: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), url('./hero-bg.webp');
  background-size: cover; /* or "contain" depending on your needs */
  background-position: min(75%) min(75%);
  background-repeat: no-repeat;
  

  min-height: 60dvh;
  min-width: 100dvw;

  
}

.hero-text{
  margin-top: 4rem;
}