.swiper-container {
    width: 100%;
    height: 100%;

}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

}
.slider{height:100%;}
.slider .bg1{background:url(../img/01.jpg) no-repeat center / cover; height:100%; width:auto; transition: 2s;}
.slider .bg2{background:url(../img/02.jpg) no-repeat center / cover;}
.slider .bg3{background:url(../img/03.jpg) no-repeat center / cover;}


.slider .swiper-slide.swiper-slide-active.bg1, .slider .swiper-slide.swiper-slide-active.bg2, .slider .swiper-slide.swiper-slide-active.bg3{ animation: scale 3s linear; -webkit-animation: scale 3s linear;}

@keyframes scale{
    0%{background-size: auto 110%;}
    100%{background-size: auto 100%;}
}