.vdo {
    width: 90%;
    padding-left: 90px;
  }
  
  @media only screen and (max-width: 600px) {
    .vdo {
        padding: 20px;
        width: 100%;
    }
  }
  
  .carousel-item {
    max-height: 40vh !important;
    object-fit: contain;
  
  }
  
  .video-container {
    position: relative;
    cursor: pointer;
    /* Make it look clickable */
  }
  
  .video-container .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    /* Adjust size */
    color: white;
    opacity: 0.8;
    pointer-events: none;
    /* Prevent icon from capturing clicks */
  }