Изменить положение блока slick slider

Доброго дня! Имеется карточка товара:

панель слайдера расположена слева и вертикально. Делаю адаптив, нужно, чтобы слайдер стал горизонтальным и распологался снизу самой картинки. Попробовал сделать вот так:

  $('.product_slider__full').slick({
    arrows: false,
    fade: true,
    infinite: false,
    asNavFor: '.product_slider__thumbnails'
  });
  $('.product_slider__thumbnails').slick({
    slidesToScroll: 1,
    slidesToShow: 3,
    asNavFor: '.product_slider__full',
    focusOnSelect: true,
    draggable: true,
    swipeToSlide: true,
    infinite: false,
    vertical: true,
    verticalSwiping: true,
    responsive: [
        {
          breakpoint: 767,
          settings: {
            vertical: false,
            verticalSwiping: false,
          }
        }
    ]
  });

результат получился вот такой:

при попытке расположить блоки друг под другомвыходит вот так: