.img4-frame{
       position: relative;
       width: 90%;
       height: 335px;
       overflow: hidden;
       margin-left:20px;
    }
    .img4-frame{
       width: 90%;
       height: 335px;
    }
    .img4-01,
	.img4-02,
	.img4-03,
	.img4-04 {
       position: absolute;
       top:0;
       left:0;
       width: 100%;
       height: 100%;
       background-size: cover;
       background-repeat: no-repeat;
    }
    .img4-01{
       background-image:url(../../img/gallery4/photos/sample-01.jpg);
	   animation: slide-animation4-01 24s infinite;
    }
    .img4-02{
       background-image:url(../../img/gallery4/photos/sample-02.jpg);
	   animation: slide-animation4-02 24s infinite;
    }
    .img4-03{
       background-image:url(../../img/gallery4/photos/sample-03.jpg);
       animation: slide-animation4-03 24s infinite;
    }
    .img4-04{
       background-image:url(../../img/gallery4/photos/sample-04.jpg);
       animation: slide-animation4-04 24s infinite;
    }
    @keyframes slide-animation4-01 {
	0% {opacity: 0;}
	25% {opacity: 1;}
	45% {opacity: 0;}
	65% {opacity: 0;}
	85% {opacity: 0;}
	100% {opacity: 0;}
	}
    @keyframes slide-animation4-02 {
	0% {opacity: 0;}
	25% {opacity: 0;}
	45% {opacity: 1;}
	65% {opacity: 0;}
	85% {opacity: 0;}
	100% {opacity: 0;}
	}
    @keyframes slide-animation4-03 {
	0% {opacity: 0;}
	25% {opacity: 0;}
	45% {opacity: 0;}
	65% {opacity: 1;}
	85% {opacity: 0;}
	100% {opacity: 0;}
	}
    @keyframes slide-animation4-04 {
	0% {opacity: 0;}
	25% {opacity: 0;}
	45% {opacity: 0;}
	65% {opacity: 0;}
	85% {opacity: 1;}
	100% {opacity: 0;}
	}