.top-cquotes {
width: 450px;
min-height: 100px;
position: relative;
overflow: hidden;
margin: 0 auto;
}
.top-cquotes>* {
position: absolute;
opacity: 0;
transition: opacity 0.5s ease-in-out;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.top-cquotes>:nth-child(1) {
opacity: 1;
}
@keyframes cycleQuotes {
0%,
30% {
opacity: 1;
}
33.33% {
opacity: 0;
}
33.34%,
100% {
opacity: 0;
display: none;
}
}
.top-cquotes>:nth-child(1) {
animation: cycleQuotes 18s infinite;
}
.top-cquotes>:nth-child(2) {
animation: cycleQuotes 18s infinite;
animation-delay: 6s;
}
.top-cquotes>:nth-child(3) {
animation: cycleQuotes 18s infinite;
animation-delay: 12s;
}