body {
    background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../image/mobile.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
   
  }
  


  .nav-link:hover {
    background-color: black;
  }




  .mb-3{
    font-size: 20px;
  
    font-weight: bold;
    color:white;
  }

  
  
/* image par text  */
.carousel-inner .image-container {
    position: relative;
  }
  
  
  .carousel-inner .overlay-text {
    position: absolute;
    top: 65%;
    left: 48%;
    transform: translate(-50%, -50%);
    color: white;
     
    
    
    
  }
  
  /* Media query for responsiveness */
  @media (max-width: 768px) {
    .carousel-inner .image-container img {
      height: 700px;
    }
    
    .carousel-inner .overlay-text {
      top: 65%;
      left: 48%;
      transform: translate(-50%, -50%);
      padding: 5px;
    
    }
  }
  
  .carousel-inner .overlay-text p {
    
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  }