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