@layer components-entities {
    .card-award {
        position: relative;
        height: 100%;
        border-radius: var(--br4)
    }

    .card-award__image {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: var(--br4);
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: bottom;
        object-position: bottom
    }

    .card-award__text-wrapper {
        position: absolute;
        z-index: 2;
        bottom: 20px;
        left: 20px;
        display: flex;
        flex-direction: column
    }

    .card-award_short {
        min-height: 564px
    }

    @media screen and (max-width: 1919px) {
        .card-award_short {
            min-height:486px
        }
    }

    @media screen and (max-width: 1599px) {
        .card-award_short {
            min-height:370px
        }
    }

    @media screen and (max-width: 1279px) {
        .card-award_short {
            min-height:298px
        }
    }

    @media screen and (max-width: 1023px) {
        .card-award_short {
            min-height:335px
        }
    }

    @media screen and (max-width: 767px) {
        .card-award_short {
            min-height:285px
        }
    }

    .card-award_long {
        min-height: 840px
    }

    @media screen and (max-width: 1599px) {
        .card-award_long {
            min-height:667px
        }
    }

    @media screen and (max-width: 1279px) {
        .card-award_long {
            min-height:528px
        }
    }

    @media screen and (max-width: 767px) {
        .card-award_long {
            min-height:450px
        }
    }
}