Александр

https://kenwheeler.github.io/slick/
раздел Slider Syncing

Госпаде я даун.. roominfo класс и roominfo переменная во vue...

Попробуй так:

$('#modalGoods').on('shown.bs.modal', function () {
    $('.goods_slider').fadeIn(); //Что бы не прыгало изображение при открытии
    $('.goods_slider').slick('unslick');
    $('.goods_slider').slick({
      slidesToShow: 3,
      speed: 1000,
      dots: true,
      arrows: false,
      responsive: [
          {
            breakpoint: 768,
            settings: {
            	centerMode: false,
            	slidesToShow: 1,
            	dots: false,
            	arrows: true,
            }
        }]       
    });
  });

Использовать классы pull или push

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

Насколько знаю поисковики блокируют парсинг запросов, надо либо тайминги подбирать, либо как то искать обход блокировки.

А если вывести в таком порядке?

<div class="size1"></div>
<div class="size1"></div>
<div class="size1"></div>
<div class="size1"></div>
<div class="size2"></div>

В css у блоков:
float: left;

Работает же

margin: 0;
Не подходит?

Скорее всего через JS обработчик какой нить повесить