.gallery {
      position: relative;
      width: 100%;
      max-width: 600px;
      height: 600px;
      margin: 20px auto;
      overflow: hidden;
    }


    .gallery img {
      position: absolute;
      width: auto; /* Maintain original width */
      max-width: 100%; /* Ensure images fit within the container */
      height: auto; /* Maintain aspect ratio */
      top: 0; /* Align to the top of the container */
      left: 50%;
      transform: translateX(-50%); /* Center horizontally */
      opacity: 0;
      transition: opacity 1s ease-in-out;
    }
    
    .gallery img.active {
      opacity: 1;
    }
    

    .albums, .videos {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
      margin-top: 40px;
    }

    .album, .video {
      width: 200px;
      text-align: center;
    }

    .album img, .video img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      transition: transform 0.3s ease-in-out;
    }

    .album img:hover, .video img:hover {
      transform: scale(1.05);
    }

    .video-player {
      margin: 40px auto;
      max-width: 800px;
    }

    .video-player video {
      width: 100%;
      height: auto;
    }