.swiper-slide {
    width: 100%;
    height: 0;
    padding-bottom: 40%;
}

.head-img {
    width: 100%;
    height: 0;
    padding-bottom: 40%;
}

@media screen and (max-width:767px) {
    .swiper-slide {
        padding-bottom: 57.17%;
    }

    .head-img {
        padding-bottom: 57.17%;
    }
}