.image-cards
{ 
        display: none;
}

@media only screen and (min-width: 768px) 
{
        .image-cards
        {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-evenly;
            align-items: stretch;
            align-content: space-evenly;
        }
        .single-image-card
        {
            width: 220px;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center;
            align-content: center;
            padding: 10px 0px;
            position: relative;
        }
        .card-image
        {
            width: 220px;
            object-fit: cover;
        }
        .title-above .card-image
        {
            height:220px;
        }
        .title-on-top .card-image
        {
            height:310px;
        }
        .title-on-top .single-image-card::after
        {
            content: "";        
            display: block;
            position: relative;
            width: 100%;
            height: 275px;
            margin-top: -275px;
            background: rgb(247,247,247);
            background: linear-gradient(180deg, 
                            rgba(6,6,6,0) 10%, 
                            rgba(3,3,3,0.30) 50%, 
                            rgba(2,2,2,0.50) 70%, 
                            rgba(1,1,1,0.70) 90%, 
                            rgba(0,0,0,0.80) 100%)
                            0% 0% no-repeat padding-box;
            opacity: 1;
        }
        .card-element
        {
        }
        .card-title
        {
            text-align: center;
            margin-bottom: 15px;
        }
        .title-above-link,
        .title-on-top-link
        {
            display: block;
        }
        .title-above-link
        {
            margin-top: 15px;
        }
        .tertiary.button.title-on-top-link,
        .tertiary.button.title-on-top-link:hover
        {
            position: absolute;
            bottom: 30px;
            max-width: 80%;
            z-index: 10;
            margin: 0px 0px 0px;
           text-shadow: 0px 0px 20px rgb(0, 0, 0, 0.3); 
        }
}