Хатам Союнов

Для себя сделал такое универсальное решение FlexBox с JS.

PUG

h1.title
	span Отзывы

SASS

.title
		display: flex
		align-items: center
		justify-content: center
		text-align: center
		width: 0
		margin-right: 155px
		border: 1px solid red // рамка родителя для наглядности
		span
			font-size: 150px
			line-height: 150px
			font-weight: 600
			color: #eaeeef
			transform: rotate(-90deg)
			border: 1px solid blue // рамка самого текста для наглядности

JS

function verticalTitle(selector) {
	var titleWidth = $(selector).find('span').width();
	var titleHeight = $(selector).find('span').height();

	$(selector).css({'width':titleHeight+'px', 'height':titleWidth+'px'});
}

verticalTitle('.title');

Скрипт получает ширину и высоту текста и задает для родителя как ширина=высота, высота=ширина. Эту функцию можно запускать при resize и будет адаптивным.
Результат

Мне получилось решить добавив "this.stop();"
это примерно на строке 2562

'mouseleave.owl.autoplay': $.proxy(function() {
   if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {
       this.stop(); // для исправление проблемы с возобновлением автопрокрутки
       this.play();
    }
 }, this),

источник: https://github.com/OwlCarousel2/OwlCarousel2/issue...
ключ к поиску "My solution was add the stop()"