.text-with-media-premium>.container {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: var(--premium-small-gap);
    align-items: flex-start;
    background: var(--wp--custom--premium-background);
    padding: 64px 16px;
}

.text-with-media-premium{
    border-top: 1px solid rgba(68, 68, 68, 1);
    border-bottom: 1px solid rgba(68, 68, 68, 1);
}

.text-with-media-premium>.container.items-center {
    align-items: center;
}

.text-with-media-premium .media img,
.text-with-media-premium .media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}

.text-with-media-premium .content-body {
    display: flex;
    flex-direction: column;
}

.text-with-media-premium .content-wrapper {
    gap: var(--premium-medium-gap);
    display: flex;
    flex-direction: column;
    color: #FFFFFF;
}

.text-with-media-premium.coming-soon .container.align-default.items-center{
    display:flex;
    justify-content:center;
}

.text-with-media-premium.coming-soon .content-wrapper{
    align-items:center;
    text-align:center;
}

.text-with-media-premium.coming-soon .content-wrapper .entry-content{
    max-width: 490px;
}

@media (min-width: 600px) {
    .text-with-media-premium>.container {
        gap: var(--premium-xl-gap);
    }

    .text-with-media-premium .content-wrapper {
        gap: var(--premium-big-gap);
    }
}

@media (min-width: 1024px) {
    .text-with-media-premium>.container {
        padding: 128px 48px;
    }

    .text-with-media-premium .container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .text-with-media-premium .media-order-1 {
        order: 1;
    }

    .text-with-media-premium .media-order-1 + .content-wrapper{
        order: 2;
    }

    .text-with-media-premium .media-order-2 {
        order: 2;
    }

    .text-with-media-premium .media-order-2 + .content-wrapper{
        order: 1;
    }

    .text-with-media-premium .media {
        min-height: 480px;
        height: 480px;
    }
}

@media (min-width: 1440px) {
    .text-with-media-premium .content-body.media-order-1 {
        align-items: flex-end;
    }
}