@charset "utf-8";


.container_slider_css {
  margin: 50px auto;
  width: 600px;
  height: 400px;
  overflow: hidden;
  position: relative;
}

.photo_slider_css {
  position: absolute;
  animation: round 17s infinite;
  opacity: 0;
  width: 100%;
}

@keyframes round {
  15% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
}
img:nth-child(1) {
  animation-delay: 120s;
}

img:nth-child(2) {
  animation-delay: 113s;
}

img:nth-child(3) {
  animation-delay: 106s;
}

img:nth-child(4) {
  animation-delay: 99s;
}
img:nth-child(5) {
  animation-delay: 92s;
}

img:nth-child(6) {
  animation-delay: 85s;
}

img:nth-child(7) {
  animation-delay: 78s;
}

img:nth-child(8) {
  animation-delay: 71s;
}
img:nth-child(9) {
  animation-delay: 70s;
}

img:nth-child(10) {
  animation-delay: 63s;
}

img:nth-child(11) {
  animation-delay: 56s;
}

img:nth-child(12) {
  animation-delay: 49s;
}
img:nth-child(13) {
  animation-delay: 42s;
}

img:nth-child(14) {
  animation-delay: 35s;
}

img:nth-child(15) {
  animation-delay: 28s;
}

img:nth-child(16) {
  animation-delay: 21s;
}
img:nth-child(17) {
  animation-delay: 14s;
}

img:nth-child(18) {
  animation-delay: 7s;
}

img:nth-child(19) {
  animation-delay: 0s;
}

@media(min-width:0px) and (max-width:320px) {
    
    .container_slider_css{
          width: 100%;
          height: 190px;
    }
}
 
@media(min-width:321px) and (max-width:480px) {
    
    .container_slider_css{
          width: 100%;
          height: 190px;
     }
}