Не понимаю как сдвинуть картинку с классом «header__book» вправо, чтобы основной текст не сбился. html
.header < background: url("/images/header__img.png") no-repeat center; background-size: cover; position: relative; height: 100vh; >.container < width: 100%; max-width: 1170px; padding: 0 10px; margin: 0 auto; >.body < font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; >.header__inner < display: flex; justify-content: space-between; align-items: center; height: 100px; >.menu__list < white-space:nowrap; display: flex; >.menu__item < list-style-type: none; margin: 0px 30px; text-transform: uppercase; >.menu__item:hover, .menu__item:focus, .menu__item:active < opacity: .70; >.phone < white-space:nowrap; border-bottom: 2px solid #D1A954; padding-bottom: 6px; color: #FFFFFF; >.header__img < width: 100%; height: 1045px; >.menu__list-link < color: #FFFFFF; >.rotate__inner < position: absolute; top: 0px; left: 0; height: 100vh; >.rotate__social-info < background: rgba(51, 51, 51, 0.75); width: 150px; height: 100vh; justify-content: space-between; >.text < display: block; white-space:nowrap; position: relative; top: 35%; float: right; font-family: Open Sans Condensed; color: #C4C4C4; padding-top: 65%; transform: rotate(-90deg); margin: 0 auto; >.img < position: relative; top: 60%; >.rotate__img < display: block; padding-left: 50%; margin-left: -13px; padding-bottom: 30px; >.span__border < display: block; width: 3px; height: 80px; background-color: #C4C4C4; position: relative; top: 60%; left: 50%; border-radius: 30px; >.header__book < padding-top: 300px; >.header__title < max-width: 540px; height: 68px; color: white; font-size: 64px; line-height: 87px; text-transform: uppercase; white-space:nowrap; margin-bottom: 50px; >.header__subtitle < max-width: 580px; height: 79px; font-size: 14px; line-height: 21px; text-align: left; font-family: Open Sans; color: #FFFFFF; margin-bottom: 50px; >.afisha < padding: 17px 47px; font-size: 18px; line-height: 25px; font-weight: bold; background: #D1A954; border:none; text-transform: uppercase; color: white; letter-spacing: 0.1em; >.afisha:hover, .afisha:focus, .afisha:active
Подскажите пожалуйста, как сместить картинку в перелистывающемся баннере, чтобы она была по центру.
Изначально слева от этой картинки был текст (описание к картинке) я его убрал, но картинка постоянна зафиксирована справа.
Шаблон был взят отсюда (это не реклама):
jquery.bxslider — Редактировать нужно в этом файле? Или какой-то другой.
Редактируя эту часть кода в этом файле: jquery.bxslider
картинка баннера смещается вправо, вверх, вниз, уменьшается, но не получается установить ее в центре.
.da-slide .da-img < text-align: center; width: 40%; top: 80px; height: 256px; line-height: 360px; left: 110%; /*60%*/