.container
{
  width: auto;
  height:365px;
  overflow: hidden;
  border-color: #F4F4F4;
  position:relative;
}
.photo
{
  position:absolute;
  animation:round 28s infinite;
  -webkit-animation: round 28s infinite;
  opacity:0;
}


@keyframes round
{
  25%{opacity:1;}
  30%{opacity:0;}
}
@-webkit-keyframes round
{
  25%{opacity:1;}
  30%{opacity:0;}
}

img:nth-child(2){animation-delay:0s;}
img:nth-child(1){animation-delay:7s;}
img:nth-child(3){animation-delay:14s;}
img:nth-child(4){animation-delay:21s;}