.images-version-61percent-height .paragraph--type--tile-with-lead {
    .field--name-field-bg-image {
        aspect-ratio: 410/226;
        position: relative;

        img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

.paragraph--type--tile-with-lead {

    background-color: var(--color-gray-0);
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 32px;

    .field--name-field-bg-image {
        aspect-ratio: 410/371;
        position: relative;

        img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    .field--name-field-title {
        margin: 24px 24px 24px 0;
        font-weight: var(--font-semibold);
        font-size: var(--font-size-28);
        
        a {
          text-decoration: none;
          color: inherit;
          
        }

        @media(max-width: 1200px) {
            font-size: var(--font-size-24);
        }

        line-height: 1.3;
        min-height: 4.5rem;
    }

    .field--name-field-text {
        margin: 0 0 16px;
    }

    .field--name-field-title,
    .field--name-field-text,
    .field--name-field-read-more-link {
        padding-left: 24px;
        padding-right: 24px;
    }
    
    .texts {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      
      .field--name-field-text {
        flex-grow: 1;
      }
      
    }
}


.no-desktop-swiper .paragraph--type--tile-with-lead {
    background-color: white;
    position: relative;

    @media(min-width: 769px) {
        
    }

    .field--name-field-text {
        p.small {
            overflow: hidden;
            max-height: 0;
            transition: all ease 0.4s;
        }
    }

    .texts {
        p {
            max-width: 381px;
        }

        .small {
            max-width: 381px;
        }

        @media(min-width: 769px) {
            
            width: 100%;
            bottom: 0;
            left: 0;
            background-color: white;
        }
    }

    .field--name-field-bg-image {
        transition: all ease 0.4s;

        &:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: black;
            transition: all ease 0.4s;
            opacity: 0;
        }
    }

    @media(min-width: 769px) {
        &:hover:has(p.small) {
            .field--name-field-bg-image {
                aspect-ratio: 410/291;
                position: relative;

                &:after {
                    opacity: 0.4;
                }
            }

            .field--name-field-text {
                p.small {
                    max-height: 120px;
                }
            }
        }
    }
}

@media(max-width: 800px) {
    .paragraph--type--tile-with-lead {
        padding-bottom: 24px;

        .field--name-field-bg-image {
            aspect-ratio: 335/195;
        }

        .field--name-field-title {
            font-size: var(--font-size-20);
            margin: 24px 24px 16px 0;
        }
    }
}

@media(max-width: 550px) {
    .paragraph--type--tile-with-lead {
        .field--name-field-text {
            margin: 0 16px 16px 0;

        }
    }
}