.css-carousel {
	width: 190px;
	height: 90px; /* Height of images */
	position: relative;
	overflow: hidden;
}
.css-carousel .css-img {
	width: 70%;
max-width: 70%;
	position: absolute;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-animation: css-carousel-fade 6s linear infinite;
	-moz-animation: css-carousel-fade 6s linear infinite;
	-ms-animation: css-carousel-fade 6s linear infinite;
	animation: css-carousel-fade 6s linear infinite;
}
    
.css-carousel .css-img:nth-child(2) {
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	animation-delay: 2.5s;
}
.css-carousel .css-img:nth-child(3) {
	-webkit-animation-delay: 4.5s;
	-moz-animation-delay: 4.5s;
	-ms-animation-delay: 4.5s;
	animation-delay: 4.5s;
}

@-webkit-keyframes css-carousel-fade {
    0%, 20%, 100% { opacity: 0; }
    5%, 15% { opacity: 1;}
}
@-moz-keyframes css-carousel-fade {
    0%, 20%, 100% { opacity: 0; }
    5%, 15% { opacity: 1;}
}
@-ms-keyframes css-carousel-fade {
    0%, 20%, 100% { opacity: 0; }
    5%, 15% { opacity: 1;}
}
@keyframes css-carousel-fade {
	0%, 20%, 100% { opacity: 0; }
	5%, 15% { opacity: 1;}
}

@media screen and (min-width: 600px) {
 .css-carousel {
	width: 50%;
	height: 280px; /* Height of images */
	position: relative;
	overflow: hidden;
}
.css-carousel .css-img {
	width: 70%;
max-width: 70%;
	position: absolute;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-animation: css-carousel-fade 6s linear infinite;
	-moz-animation: css-carousel-fade 6s linear infinite;
	-ms-animation: css-carousel-fade 6s linear infinite;
	animation: css-carousel-fade 6s linear infinite;
}
    
.css-carousel .css-img:nth-child(2) {
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	animation-delay: 2.5s;
}
.css-carousel .css-img:nth-child(3) {
	-webkit-animation-delay: 4.5s;
	-moz-animation-delay: 4.5s;
	-ms-animation-delay: 4.5s;
	animation-delay: 4.5s;
}
@-webkit-keyframes css-carousel-fade {
    0%, 20%, 100% {
        opacity: 0;
    }
    
    5%,
    15% {
        opacity: 1;
    }
    
    
    }
    @-moz-keyframes css-carousel-fade {
        0%,
        20%,
        100% {
            opacity: 0;
        }
        
        5%,
        15% {
            opacity: 1;
        }
    }
    @-ms-keyframes css-carousel-fade {
        0%,
        20%,
        100% {
            opacity: 0;
        }
        
        5%,
        15% {
            opacity: 1;
        }
    }
    @keyframes css-carousel-fade {
        0%,
        20%,
        100% {
            opacity: 0;
        }
        
        5%,
        15% {
            opacity: 1;
        }
    }
    
    }