.mol-intro-media {
    @apply relative mt-10 lg:-mt-10;

    .intro-media-video,
    .intro-media-image,
    .intro-media-slider {
        @apply relative;
        @apply top-10 ml-10 mr-10 lg:-ml-10;
        max-width: 768px;
        max-height: 768px;
    }

    .intro-media-video {
        @apply cursor-pointer;

        video{
            object-fit:cover;
        }

        .atm-play {
            @apply absolute bottom-0 left-0 z-10;
        }
    }

    .intro-media-image {
    }

    .intro-media-slider {
        .swiper-prev,
        .swiper-next {
            @apply absolute bottom-0 left-0 z-10;
        }

        .swiper-next {
            @apply transform translate-x-full;
        }
    }
}

.tpl-news-page,
.tpl-blog-page,
.tpl-vacancy-page,
.tpl-initiative-page {
    .intro-media-video,
    .intro-media-image,
    .intro-media-slider {
        max-width: 768px;
        max-height: 768px;
    }
}