.messetermine-widget{
    & .list-elements{
        column-gap: 40px;
        row-gap: 20px;
        height: 200px;
    }

    @media screen and (max-width: 1024px ) {
        & .list-elements{
            height: fit-content;
        }
    }

    & .list-element{
        gap: 22px;
    }

    & .list-title{
        font-weight: bold;
        text-transform: uppercase;
    }

    & .image-container img{
        width: 373px;
        aspect-ratio: 373 / 280;
        object-fit: cover;
    }
}