.element_container{
}

.element{
    display: flex;
    position: relative;
    width: 40%;
    height: 150px;
    border: 1px solid var(--clr-mediumBorder);
    border-radius: 5px;
    align-items: center;
    text-align: center;
    box-shadow: var(--bxshad-light);
    transform: scale(.95);
    transition: all 250ms;
}

.element_slika{
    position: absolute;
    width: 100%;
    height: 148px;
    border-radius: 5px;
    opacity: .8;
    object-fit: cover;
    filter: blur(.8px);
    transition: all 250ms;
}

.element a{
    display: inline-block;
    text-decoration: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    color: white;
}


.element:hover{
    box-shadow: var(--bxshad-hard);
    transform: scale(1);
    cursor: pointer;
    transition: all 250ms;
}

.element:hover .element_slika{
    filter: blur(0px);
    transition: all 250ms;
}
@media(max-width:550px){
    .element a h2 {
        font-size:1.2rem;
    }
}