.category-image {
    
    min-height: 550px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;


    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 1.5em;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .category-text {
   
    position: absolute;
    top: 50%;
    right: 1%;
    transform: translate(-20%, -50%);
    color: #ffffff;

    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 1.5em;
    padding-top: 50px;
    padding-bottom: 50px;
  }

.bone {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/healthy-bones-with-supracal-supplement.webp");
  }

 .beauty {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/beauty.webp");
 
}
  .digestive {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/healthy-digestion-lactol.webp");
  }

  .eye {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/way-to-clear-vision-optivision.webp");
  }
 .heart {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/heart-health.webp");
 
  }  
  .joint {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/happy-cauple-playing-joint-health.webp");
  }
 .immunity  {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/immunity.webp");
 
 }
 .liver {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/liver-health.webp");
 
 }
 .mental {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/mental-health.webp");
 
 }
 .nerve {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/healthy-active-life-bio-basics.webp");
 
 }
  .vigor {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/vigor-vitality.webp");
  }
  .sexual {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/sexual-health.webp");
  }
  
  .women {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/women-health.webp");
  }
  
  @media only screen and (max-width: 600px) {
    .category-text {
      transform: translate(2%, -50%);
    }
     .bone {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/mob/healthy-bones-with-supracal.webp");
  }

 .beauty {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/beauty.webp");
 
}
  .digestive {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/mob/healthy-digestion.webp");
  }

  .eye {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/mob/way-to-clear-vision");
  }
 .heart {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/global/categories/heart-health.webp");
 
  }  
  .joint {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/mob/happy-cauple-playing.webp");
  }
 .immunity  {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/mob/digestion-immunity.webp");
 
 }
 .liver {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/mob/liver-health.webp");
 
 }
 .mental {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/mob/mental-health.webp");
 
 }
 .nerve {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/mob/healthy-active-life.webp");
 
 }
  .vigor {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/mob/recharge-doublebull.webp");
  }
  .sexual {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/mob/sexual-health.webp");
  }
  
  .women {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/img/banner/mob/women-health.webp");
  }
      
  }