.top-wrap {
     width: 100%;
    height: 661px;
    overflow: hidden;
    position: relative; }



.hero-img {
    z-index:10;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 12s 0s linear infinite;
    animation: anime 12s 0s linear infinite; }

.hero-img.img1:nth-of-type(1) { animation-delay: 0s }
.hero-img.img2:nth-of-type(2) { animation-delay: 6s }



@keyframes anime {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    95% {
        opacity: 1;
         transform: scale(1.2);
           
    }
  98% {
     opacity: 0;
        z-index:9;
    }
    100% { opacity: 0; }
}

@-webkit-keyframes anime {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    95% {
        opacity: 1;
         -webkit-transform: scale(1.2);
          
    }
  98% {
     opacity: 0;
        z-index:9;
    }
    100% { opacity: 0; }
}