Как иметь 2 больших изображения галереи на странице товара

Question

Я пытаюсь сделать изображение галереи похожим на карусель с двумя изображениями рядом на моем сайте https://www.peachandhoney.nl/product/bella-rose-top/. Чтобы это выглядело так https://www.vergegirl.com/collections/new/products/a301mgoo#page1 -неопределено . Теперь я изменил проценты, чтобы освободить место для двух изображений вместо одного.

.summary-col-6 .summary {
    width: 30%;
}
.product .summary {
    float: right;
    padding-left: 5px;
}

gallery-col-6 .woocommerce-product-gallery {
    width: 70%;
}

И попытался изменить размер изображения, но безуспешно. Любой, кто-нибудь подскажет, может сделать основные изображения меньше и иметь 2 больших основных изображения рядом друг с другом.

add_filter( 'woocommerce_gallery_thumbnail_size', function( $size ) {
    return array( 
        'width' => 200,
        'height' => 200,
        'crop' => 1,
    );

});