.paragraph--type--slide-two-columns-text-image {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr min-content min-content;
    grid-template-areas:
        "text"
        "link"
        "image";
    grid-auto-columns: auto;
    gap: 1rem 1rem;
    grid-auto-flow: row;
    justify-content: center;
    align-content: center;
    justify-items: center;
    align-items: center;
}
@media(min-width: 2500px) {
    .paragraph--type--slide-two-columns-text-image {
        max-width: 2500px;
        margin: 0 auto;
    }
}
.paragraph--type--slider .paragraph--type--slide-two-columns-text-image {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr min-content min-content var(--paragraph--type--slider--control-group-height);
    grid-template-areas:
        "text"
        "link"
        "image"
        ".";
}

.paragraph--type--slide-two-columns-text-image>.field--name-field-slide-text {
    grid-area: text;
}

.paragraph--type--slide-two-columns-text-image>.field--name-field-slide-link-label,
.paragraph--type--slide-two-columns-text-image>button {
    grid-area: link;
}

.paragraph--type--slide-two-columns-text-image>.field--name-field-slide-media {
    grid-area: image;
}

.paragraph--type--slide-two-columns-text-image>.field--name-field-slide-media,
.paragraph--type--slide-two-columns-text-image>.field--name-field-slide-media img {
    margin-bottom: 0;
    border-width: 0;
    border-style: solid;
    border-radius: 0.56rem;
}

@media (max-width: 1439.9px) {
    .paragraph--type--slider .paragraph--type--slide-two-columns-text-image {
        height: min-content !important;
    }

    .paragraph--type--slide-two-columns-text-image>.field--name-field-slide-text {
        padding: 0 1.5rem;
    }
}


@media (min-width: 1440px) {
    .paragraph--type--slide-two-columns-text-image {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr min-content;
        grid-template-areas:
            "text image"
            "link image";
        justify-content: space-evenly;
        align-content: space-evenly;
        justify-items: center;
        align-items: center;
    }

    .paragraph--type--slider .paragraph--type--slide-two-columns-text-image {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr min-content var(--paragraph--type--slider--control-group-height);
        grid-template-areas:
            "text image"
            "link image"
            ". .";
    }

    .paragraph--type--slide-two-columns-text-image>.field--name-field-slide-media {
        justify-self: stretch;
        align-self: stretch;
    }

    .paragraph--type--slide-two-columns-text-image>.field--name-field-slide-media .contextual-region {
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }

    .paragraph--type--slide-two-columns-text-image>.field--name-field-slide-media .field--type-image {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .paragraph--type--slide-two-columns-text-image>.field--name-field-slide-media .field--type-image>.field__item {
        width: auto;
        height: 100%;
        margin: 0 auto;
        display: grid;
        justify-content: center;
        align-content: center;
    }

    .paragraph--type--slide-two-columns-text-image>.field--name-field-slide-media .field--type-image>.field__item img {
        /* width: max-content; */
        /* aspect-ratio: var(--image-aspect-ratio); */
        /* height: 100%; */
        /* width: auto; */
        height: 100%;
    }
}



/* 
    Slide ale bez slidera
*/
.field--name-field-body-paragraphs>.field__item>.paragraph--type--slide-two-columns-text-image>.field--name-field-slide-media img {
    width: 100%;
    height: max-content;
}

/* 
    tul-recruitment-style-image-on-left-column
*/
.tul-recruitment-style-image-on-left-column.paragraph--type--slide-two-columns-text-image {
    grid-template-areas:
        "image"
        "text"
        "link";
}

.paragraph--type--slider .tul-recruitment-style-image-on-left-column.paragraph--type--slide-two-columns-text-image {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr min-content min-content var(--paragraph--type--slider--control-group-height);
    grid-template-areas:
        "image"
        "link"
        "text"
        ".";
}

@media (min-width: 1440px) {
    .tul-recruitment-style-image-on-left-column.paragraph--type--slide-two-columns-text-image {
        grid-template-areas:
            "image text"
            "image link";
    }

    .paragraph--type--slider .tul-recruitment-style-image-on-left-column.paragraph--type--slide-two-columns-text-image {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr min-content var(--paragraph--type--slider--control-group-height);
        grid-template-areas:
            "image text"
            "image link"
            ". .";
    }
}


.tul-recruitment-bundle-slide-two-columns-text-image.tul-recruitment-style-circle-image>.field--name-field-slide-media .field--type-image {
    height: 100% !important;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.tul-recruitment-bundle-slide-two-columns-text-image.tul-recruitment-style-circle-image>.field--name-field-slide-media .field--type-image>.field__item {
    justify-content: flex-start !important;
    align-content: flex-start !important;
    height: min-content !important;
    position: relative;
}
.tul-recruitment-bundle-slide-two-columns-text-image.tul-recruitment-style-circle-image>.field--name-field-slide-media .field--type-image>.field__item img {
    filter: opacity(0);
    z-index: 100;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 100%;
    border-style: solid;
    border-width: 0;
    border-color: transparent;
    display: block !important;
}

.tul-recruitment-bundle-slide-two-columns-text-image.tul-recruitment-style-circle-image>.field--name-field-slide-media .field--type-image>.field__item img+.img-after {
    width: 100%;
    aspect-ratio: 1/1;
    background-image: var(--image-uri);
    background-position: center;
    background-size: cover;
    border-radius: 100%;
    border-style: solid;
    border-width: 0;
    border-color: transparent;
    display: block !important;
    position: absolute;
    top: 0;
}

/* TODO Refactor */
.paragraph--type--slide-two-columns-text-image.tul-recruitment-style-circle-image > .field--name-field-slide-media .field--name-field-media-image {
    padding: 10%;
}
.paragraph--type--slider > .field--name-field-list-slide > .field__items > .field__item > .paragraph--type--slide-two-columns-text-image.tul-recruitment-style-circle-image > .field--name-field-slide-media .field--name-field-media-image {
    padding: none;
}

.paragraph--type--slide-two-columns-text-image.tul-recruitment-style-image-on-down picture{ 
    margin-top: 2rem;
    margin-bottom: -1rem;
}