.swiper-container-periphery .swiper-button-next-periphery {
    top: 50%;
    right: 4%;
    background: url(/content/dam/honor/magic-moments-awards/en/search/img/next-periphery.png) center center no-repeat;
    background-size: 3vh 3vh;
    width: 6vh;
    height: 6vh;
}

.swiper-container-periphery .swiper-button-prev-periphery {
    top: 50%;
    left: 4%;
    background: url(/content/dam/honor/magic-moments-awards/en/search/img/prev-periphery.png) center center no-repeat;
    background-size: 3vh 3vh;
    width: 6vh;
    height: 6vh;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: "";
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: "";
}

.swiper-container-periphery .swiper-slide-periphery {
    width: 66%;
}

.periphery-content {
    position: relative;
}

.periphery-content img {
    width: 100%;
}

.periphery-content p {
    position: absolute;
    bottom: 2vw;
    left: 2vw;
    text-align: left;
    display: none;
}

.swiper-slide-active .periphery-content p {
    display: block;
}

@media (max-width: 768px),
(max-aspect-ratio: 1 / 1) {
    .swiper-container-periphery .swiper-button-next-periphery {
        top: 37%;
        right: 14%;
        background: url(/content/dam/honor/magic-moments-awards/en/search/img/next-periphery.png) center center no-repeat;
        background-size: 4vh 4vh;
        width: 4vh;
        height: 4vh;
    }
    .swiper-container-periphery .swiper-button-prev-periphery {
        top: 37%;
        left: 5%;
        background: url(/content/dam/honor/magic-moments-awards/en/search/img/prev-periphery.png) center center no-repeat;
        background-size: 4vh 4vh;
        width: 4vh;
        height: 4vh;
    }
    .swiper-container-periphery .swiper-slide-periphery {
        width: 90%;
    }
}