.slides {display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 1920px;height: 100vh;min-height: 647px;max-height: 647px;margin: 0 auto; } .slides .carousel {display: block;position: relative;width: 100%;height: 100%; } .slides .carousel .holder {height: 100%;overflow: hidden; } .slides .carousel .holder .row {flex-wrap: nowrap;position: relative;height: 100%; } .slides .carousel .holder .col {flex-shrink: 0;height: 100%; } .slides .carousel .holder .item {position: relative;border: 0;width: 100%;height: 100vh;min-height: 647px;max-height: 647px; } .slides .carousel .holder .slide {height: 100%; } .slides .carousel .holder .image {width: 100%;height: 100%; } @media (orientation: landscape) {.slides .carousel .holder .image.image-landscape {display: block;} } @media (orientation: portrait) {.slides .carousel .holder .image.image-landscape {display: none;} } @media (orientation: landscape) {.slides .carousel .holder .image.image-portrait {display: none;} } @media (orientation: portrait) {.slides .carousel .holder .image.image-portrait {display: block;} } .slides .carousel .holder .img-fluid {width: 100%;height: 100%;object-fit: cover; } .slides .carousel .holder .container {display: flex;justify-content: center;flex-direction: column;position: absolute;z-index: 1;height: 100%;top: 0;left: 50%;transform: translateX(-50%); } .slides .carousel .holder .container .col {margin-top: auto;margin-bottom: auto;padding: 1.6666666667rem; } @media (max-width: 575.98px) {.slides .carousel .holder .container .col {margin-left: auto;margin-right: auto;} } .slides .carousel .holder .container h2 {color: var(--secondary);font-size: 3.5555555556rem;font-weight: 600; } .slides .carousel .holder .container p {color: var(--primary);font-size: 1.8333333333rem;font-weight: 600; } @media (max-width: 1919.98px) {.slides .carousel .holder .container p {font-size: 1.7777777778rem;} } .slides .carousel .holder .container .btn {display: inline-flex; }