/* Общие стили */
            .owl-carousel {
                width: 50vw;
                margin: 0px auto;
            }

            .owl-carousel .owl-item {
                background-color: white;
                max-height: 770px;
            }

            /* .owl-carousel button.owl-dot {
                width: 20px;
                height: 20px;
                margin-right: 10px;
                background-color: #bbb;
                border-radius: 50%;
            }

            .owl-carousel button.owl-dot.active {
                background-color: lightgreen; 
            } */

            .carousel-text {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
                font-size: 20px;
                color: #fff;
                background-color: rgba(9,9,9,0.4);
                opacity: 0.6;
                padding: 15px;
                opacity: 0;
            }



            /* Стили для анимации */

            .owl-item.active .carousel-img {
                transition: 5s;
                transform: scale(1.1);
            }

            .owl-item.active .carousel-text {
                transition: 2s;
                opacity: 1;
            }

            /* transition-delay равно autoplaySpeed */
            .owl-item.active .carousel-img,
            .owl-item.active .carousel-text {
                transition-delay: 1s; 
            }

            @media (max-width: 1024px) {
                .carousel-text {
                    font-size: 18px;
                }
            }    

            @media (max-width: 768px) {
                .carousel-text {
                    font-size: 14px;
                }
            }