.carousel-item img {
      width: 100%; 
      height: 40vh;
      object-fit: cover; 
      object-position: center;
      }
    @media (min-width: 800px) {
    .carousel-item img {
          height: 95vh; 
    }}

    
    .bullet {
        text-align: center;
        transition: transform 0.3s ease;
    }

    .bullet:hover {
        transform: scale(1.1); /* Pop-up effect */
    }

    .bullet img {
        width: 50px;
        height: 50px;
        object-fit: contain;
        margin-bottom: 0px;
    }

    .bullet a {
        display: inline-block;
        padding: 10px;
        border: none;
        background-color: transparent;
        text-decoration: none;
    }

    .bullet p {
        margin-top: 5px;
        font-weight: bold;
    }