.blur_element { //класс элемента, которому хотим применить размытие
    	    	filter: blur(100px);
	}

/* Базовые стили для всех картинок */
.img_1, .img_2, .img_3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    animation: fade-cycle 15s infinite;
}

/* Задержки для чередования */
.img_1 { animation-delay: 0s; }
.img_2 { animation-delay: -10s; }
.img_3 { animation-delay: -5s; }

/* Ключевые кадры */
@keyframes fade-cycle {
    0% { 
        opacity: 0; 
    }
    6.67% { 
        opacity: 1; /* 1 секунда - полностью загорелась */
    }
    26.67% { 
        opacity: 1; /* 4 секунды - горит 3 секунды */
    }
    33.33% { 
        opacity: 0; /* 5 секунд - плавно погасла */
    }
    100% { 
        opacity: 0;
    }
}