.img1-frame{
       position: relative;
       width: 90%;
       height: 335px;
       overflow: hidden;
       margin-left:20px;
    }
    .img1-frame{
       width: 90%;
       height: 335px;
    }
    .img1-01,
	.img1-02,
	.img1-03,
	.img1-04,
	.img1-05,
	.img1-06,
	.img1-07,
	.img1-08 {
       position: absolute;
       top:0;
       left:0;
       width: 100%;
       height: 100%;
       background-size: cover;
       background-repeat: no-repeat;
    }
    .img1-01{
       background-image:url(../../img/gallery/photos/sample-01.jpg);
	   animation: slide-animation1-01 32s infinite;
    }
    .img1-02{
       background-image:url(../../img/gallery/photos/sample-02.jpg);
	   animation: slide-animation1-02 32s infinite;
    }
    .img1-03{
       background-image:url(../../img/gallery/photos/sample-03.jpg);
       animation: slide-animation1-03 32s infinite;
    }
    .img1-04{
       background-image:url(../../img/gallery/photos/sample-04.jpg);
       animation: slide-animation1-04 32s infinite;
    }
    .img1-05{
       background-image:url(../../img/gallery/photos/sample-05.jpg);
       animation: slide-animation1-05 32s infinite;
    }
    .img1-06{
       background-image:url(../../img/gallery/photos/sample-06.jpg);
       animation: slide-animation1-06 32s infinite;
    }
    .img1-07{
       background-image:url(../../img/gallery/photos/sample-07.jpg);
       animation: slide-animation1-07 32s infinite;
    }
    .img1-08{
       background-image:url(../../img/gallery/photos/sample-08.jpg);
       animation: slide-animation1-08 32s infinite;
    }
    @keyframes slide-animation1-01 {
	0% {opacity: 0;}
	12% {opacity: 1;}
	24% {opacity: 0;}
	36% {opacity: 0;}
	48% {opacity: 0;}
	60% {opacity: 0;}
	72% {opacity: 0;}
	84% {opacity: 0;}
	96% {opacity: 0;}
	}
    @keyframes slide-animation1-02 {
	0% {opacity: 0;}
	12% {opacity: 0;}
	24% {opacity: 1;}
	36% {opacity: 0;}
	48% {opacity: 0;}
	60% {opacity: 0;}
	72% {opacity: 0;}
	84% {opacity: 0;}
	96% {opacity: 0;}
	}
    @keyframes slide-animation1-03 {
	0% {opacity: 0;}
	12% {opacity: 0;}
	24% {opacity: 0;}
	36% {opacity: 1;}
	48% {opacity: 0;}
	60% {opacity: 0;}
	72% {opacity: 0;}
	84% {opacity: 0;}
	96% {opacity: 0;}
	}
    @keyframes slide-animation1-04 {
	0% {opacity: 0;}
	12% {opacity: 0;}
	24% {opacity: 0;}
	36% {opacity: 0;}
	48% {opacity: 1;}
	60% {opacity: 0;}
	72% {opacity: 0;}
	84% {opacity: 0;}
	96% {opacity: 0;}
	}
    @keyframes slide-animation1-05 {
	0% {opacity: 0;}
	12% {opacity: 0;}
	24% {opacity: 0;}
	36% {opacity: 0;}
	48% {opacity: 0;}
	60% {opacity: 1;}
	72% {opacity: 0;}
	84% {opacity: 0;}
	96% {opacity: 0;}
	}
    @keyframes slide-animation1-06 {
	0% {opacity: 0;}
	12% {opacity: 0;}
	24% {opacity: 0;}
	36% {opacity: 0;}
	48% {opacity: 0;}
	60% {opacity: 0;}
	72% {opacity: 1;}
	84% {opacity: 0;}
	96% {opacity: 0;}
	}
    @keyframes slide-animation1-07 {
	0% {opacity: 0;}
	12% {opacity: 0;}
	24% {opacity: 0;}
	36% {opacity: 0;}
	48% {opacity: 0;}
	60% {opacity: 0;}
	72% {opacity: 0;}
	84% {opacity: 1;}
	96% {opacity: 0;}
	}
    @keyframes slide-animation1-08 {
	0% {opacity: 0;}
	12% {opacity: 0;}
	24% {opacity: 0;}
	36% {opacity: 0;}
	48% {opacity: 0;}
	60% {opacity: 0;}
	72% {opacity: 0;}
	84% {opacity: 0;}
	96% {opacity: 1;}
	}