@charset "UTF-8";
.titles{
    position: relative;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 700px;
    margin-top: 50px;
    max-width: 95vw;
}

.titles img{
    position: absolute;
    animation: title 17s infinite;
    opacity: 0;
}

@keyframes title{
  0%{ opacity: 0;}
  6%{ opacity: 1;}
  24%{ opacity: 1;}
  30%{ opacity: 0;}
  100%{ opacity: 0;}
}

.titles img:nth-of-type(1) {
    animation-delay: 0s;
}
.titles img:nth-of-type(2) {
    animation-delay: 4s;
}
.titles img:nth-of-type(3) {
    animation-delay: 8s;
}
.titles img:nth-of-type(4) {
    animation-delay: 12s;
}
@media (max-width:599px){
.titles{
    margin-top: 25px;
}
}