@keyframes fade {
    0%      { opacity: 0; }
    11.11%  { opacity: 1; }
    33.33%  { opacity: 1; }
    44.44%  { opacity: 0; }
    100%    { opacity: 0; }
}

.auto-slideshow {
    overflow: hidden;
    display: grid;
    height: 600px;
    margin: 0 auto;
}

.auto-slideshow img {
    width: 100%;
    height: 100%;
    grid-row: 1;
    grid-column: 1;
    opacity: 0;
    animation-name: fade; 
    animation-iteration-count: infinite; 
}

@media (max-width: 1160px) {
    .auto-slideshow {
        height: auto;
        width: 100%;
    }
}