.slider-container {
    width: 100%;
    max-width: 700px;
    margin: auto;
    overflow: hidden;
}

.slide {
    display: none;
}

img {
    width: 100%;
    height: auto;
}
.slider-container img{
    border-radius: 15px;

}

.fade {
     animation: fade 8s ease-in-out infinite;
}

@keyframes fade {
    0%, 100% {
        opacity: 0;
    }
    25%, 75% {
        opacity: 1;
    }
}


.slider-container2 {
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.slide2 {
    display: none;
}

.slider-container2 img{
    width: 100%;

}

.fade2 {
    animation: fade2 8s ease-in-out infinite;
}

@keyframes fade {
    0%, 20%   { opacity: 0; }
    30%, 70%  { opacity: 1; }
    80%, 100% { opacity: 0; }
}