.swiper-button { position: relative; max-width: 1272px; width: 100%; height: 72px; top: -156px; margin: auto; left: 0; right: 0; } .swiper-button-next, .swiper-button-prev { width: 40px; height: 100%; color: #fff; background: #1F5DA6; border: 0; position: absolute; top: 22px; } .swiper-button-next { right: 0; justify-content: center; } .swiper-button-prev { left: 0; justify-content: center; } .swiper-pagination-bullets { position: relative; text-align: center; height: 56px; line-height: 56px; width: 100%; } .swiper-pagination.desktop_hidden.swiper-pagination-clickable.swiper-pagination-bullets { bottom: 0px; } .swiper-pagination.desktop_hidden.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; } .teaser_image_div { background-position: center; position: relative; height: 500px; width: 100%; background-repeat: no-repeat; } .my-block-image { max-height: 648px; overflow: hidden; height: 100%; } .my-block-image:after, .teaser_image_div:after { content: " "; display: block; background: linear-gradient(to right, rgba(52, 47, 42, 0.55) 0%, rgba(52, 47, 42, 0.25) 35%, rgba(52, 47, 42, 0) 75%); height: 100%; width: 100%; position: absolute; top: 0; left: unset; margin: auto; pointer-events: none; } .is-style-whitout_overlay .my-block-image:after, .is-style-whitout_overlay .teaser_image_div:after { background: none; } @media (min-width: 768px) { .swiper-pagination.desktop_hidden.swiper-pagination-clickable.swiper-pagination-bullets { bottom: 48px; } }