/* Container for images */
        .slideshow-container {
            position: relative;
            width: 300px;
            height: 400px;
            margin: 0 auto;
            
            
        }

        /* Style for each image */
        .slide {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            animation: fadeInOut 12s infinite ease-in-out;
        }

        /* Keyframes for fade in and out */
        @keyframes fadeInOut {
            0%, 100% {
                opacity: 0;
            }
            20%, 80% {
                opacity: 1;
            }
        }

        /* Delay animations for each image */
        .slideshow-container img:nth-child(1) {
            animation-delay: 0s; /* First image starts at 0s */
        }

        .slideshow-container img:nth-child(2) {
            animation-delay: 4s; /* Second image starts after 4s */
        }

        .slideshow-container img:nth-child(3) {
            animation-delay: 8s; /* Third image starts after 8s */
        }
@media (max-width: 768px) {
            .slideshow-container {
                display: none;
            }
        }