.naturalx-hero-image-section{
  display: flex;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  position: relative;
}


.naturalx-hero-image-text-content{
  height: 100%;
  position: absolute;
  padding: 60px 16px;
  width: 75%;
  z-index: 100;

}

.naturalx-hero-image-img-content{
  height: 100%;
  width: 100%;
  background: url("../assets/hero-img-flower.jpg") no-repeat center center;

}



@media screen and (min-width: 768px){

  .naturalx-hero-image-text-content{
    padding: 30px 60px 20px 27%;
  width: 100%


  }

}

@media screen and (min-width: 1100px){


  .naturalx-hero-image-text-content{
    padding: 30px 90px 20px 19%;
    max-width: 1100px;

  }
}