.main_imgBox {
    height: 100vh;
    overflow: hidden;
    position: relative;
     }

  .main_img {
    opacity: 0;
    width: 100%;
    height: 100vh;
    background-color:rgba(0,0,0,0.8);
    background-blend-mode:soft-light;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 54s 0s infinite;
    animation: anime 54s 0s infinite; }

    .main_img:nth-of-type(1) {
      -webkit-animation-delay: 0s;
      animation-delay: 0s; }

    .main_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_img:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

    .main_img:nth-of-type(6) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }

     .main_img:nth-of-type(7) {
      -webkit-animation-delay: 36s;
      animation-delay: 36s; }

     .main_img:nth-of-type(8) {
      -webkit-animation-delay: 42s;
      animation-delay: 42s; }

     .main_img:nth-of-type(9) {
      -webkit-animation-delay: 48s;
      animation-delay: 48s; }

@keyframes anime {
    0% {
        opacity: 0;
    }
    4% {
        opacity: 1;
    }
    9% {
        opacity: 1;
    }
    18% {
        opacity: 0;
         transform: scale(1.2);
           z-index:9;
    }
    100% { opacity: 0 }
}

@-webkit-keyframes anime {
    0% {
        opacity: 0;
    }
    4% {
        opacity: 1;
    }
    9% {
        opacity: 1;
    }
    18% {
        opacity: 0;
         transform: scale(1.2);
           z-index:9;
    }
    100% { opacity: 0 }
}

@media screen and (min-width: 1025px) and (max-width: 1512px){
.main_img img {
max-width: 1520px;
    width: 100%;
    height: 100%;
object-fit: cover;
object-position: 50% 50%;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px){
.main_img img {
max-width: 1024px;
    width: 100%;
    height: 100%;
object-fit: cover;
object-position: 50% 50%;
}
}
@media screen and (min-width: 431px) and (max-width: 768px){
.main_img img {
max-width: 768px;
    width: 100%;
    height: 100%;
object-fit: cover;
object-position: 50% 50%;
}
}
@media screen and (min-width: 320px) and (max-width: 430px){
.main_img img {
max-width: 450px;
    width: 100%;
    height: 100%;
object-fit: cover;
object-position: 50% 50%;
}
}