.container_slider_css {
  margin: -10px auto;
  width: 780px;
  height: 607px;
  overflow: hidden;
  position: relative;
  
  
 -webkit-box-shadow: 0px 28px 17px -14px rgba(0, 0, 0, 0.43);
-moz-box-shadow: 0px 28px 17px -14px rgba(0, 0, 0, 0.43);
box-shadow: 0px 28px 17px -14px rgba(0, 0, 0, 0.43);
  
}

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

@keyframes round {
  6.25% {
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
}





img:nth-child(1) {
  animation-delay: 60s;
}

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

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


img:nth-child(4) {
  animation-delay: 48s;
}

img:nth-child(5) {
  animation-delay: 44s;
}

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

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

img:nth-child(8) {
  animation-delay: 32s;
}

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

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

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

img:nth-child(12) {
  animation-delay: 16s;
}

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

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

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

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



@media(min-width:0px) and (max-width:320px) {
    /* совсем маленькие экраны андроидов */
    .container_slider_css{
          width: 80%;
          height: 190px;
    }
}
 
@media(min-width:321px) and (max-width:480px) {
    /* популярные разрешения смартфонов уже более позднего поколения андроид */
    .container_slider_css{
          width: 90%;
          height: 260px;
     }
}



@media(min-width:480px) and (max-width:768px) {
    /* популярные разрешения смартфонов уже более позднего поколения андроид */
    .container_slider_css{
          width: 80%;
          height: 270px;
     }
}