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

.slide {
    display: none;
}

.slide img {
    border: solid 2px black;
    width: 100%;
    height: auto;
}

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

@keyframes fade {
    0%, 100% {
        opacity: 0.7;
    }
10%,90% {
        opacity: 1;
    }
}