#diashow img {
    position: absolute;
    opacity: 0;
	width: calc(50% - 1em);
}

#diashow img:nth-of-type(1) {
    animation: fade 30s ease-in-out infinite;
}

#diashow img:nth-of-type(2) {
    animation: fade 30s 6s ease-in-out infinite;
}

#diashow img:nth-of-type(3) {
    animation: fade 30s 12s ease-in-out infinite;
}

#diashow img:nth-of-type(4) {
    animation: fade 30s 18s ease-in-out infinite;
}

#diashow img:nth-of-type(5) {
    animation: fade 30s 24s ease-in-out infinite;
}

@keyframes fade {
    6.66%, 20%          {opacity:1;}
       0%, 26.66%, 100% {opacity:0;}
}


		@media all and (max-width: 760px) {
		#diashow img{
                width: 100%;
		}
		}

@media all and (min-width:1640px){
    #diashow img{
       width: 800px;
}