body {
    margin: 0;
    font-family: Arial, sans-serif;
}

.slideshow-container {
    position: relative;
    width: 100%;
    height: 650px;
    overflow: hidden;
}

.video-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.video-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@keyframes dotsEffect {
    0% { clip-path: circle(0% at 100% 50%); opacity: 1; }
    50% { clip-path: circle(50% at 100% 50%); opacity: 0.5; }
    100% { clip-path: circle(100% at 100% 50%); opacity: 0; }
}

.dots-effect {
    animation: dotsEffect 1s forwards;
}

  @media (max-width: 640px) {
	  .slideshow-container {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}
}