Как сделать слайдер кругового изображения и увеличить центральный элемент?

Question

Я пытался сделать этот тип мобильного слайдера

Я хочу сделать это на своей теме WordPress. Я попробовал это с ползунком сова-карусель, тогда я динамически c это с шорткодом, но мой текущий выглядит так:

Если вы видите первое изображение, то видите, что первый и последний элементы обрезаны, я пытаюсь сделать точно такой же выглядящий слайдер для мобильных устройств. Я использовал слайдер для совы, но это не обязательно.

Мои настройки для совы:

$('#cs-slider-activation').owlCarousel({
    items: 5,
    center: true,
    touchDrag: false,
    mouseDrag: false,
    pullDrag: false,
    freeDrag: false,
    loop: true,
    autoplay: false,
    smartSpeed: 450,
});