.slidebox {
	width: 100%;
		overflow: hidden;
	  aspect-ratio: 4 / 2;
	border-radius: 20px;
	margin: 50px 0 30px 0;
}

ul.slideul {
	width: 100%;

    position: relative;
	
}
.slidebox ul,li {
	margin: 0;
	padding: 0;
	display: block;
}

ul.slideul li {
    position: absolute;
    list-style: none;
    visibility: hidden;

    animation: anime_slider_fade 18s 0s infinite;
	width: 100%;
}

ul.slideul li img {
	width: 100%;
	height: 100%;
}

ul.slideul li:nth-of-type(2) {
    animation-delay: 4s;
}
ul.slideul li:nth-of-type(3) {
    animation-delay: 8s;
}

@keyframes anime_slider_fade {
    0% {
        visibility: visible;
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    33.3% {
        opacity: 1;
    }
    48.3% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}