/*LAZY LOAD-----------------------------------------*/
    img
    {
        display:block;
    }
    
        /*haytnvelu animacia*/  
.lazyload,
.lazyloading 
{min-height: 200px;
    opacity: 0.3;

}
.lazyloaded 
{
	opacity: 1;
	transition: opacity 300ms;
}


/*BLURED ELEMENT-------------------------------------*/
.imgWrapper
{
    width: 100%;
    max-height: 21vw;
    margin-left: 3vw; 
    margin-right: 3vw;
    overflow: hidden;
}

.blur
{
    filter: blur(5px);
    width:100%;
    transition: 0.05s;
    border-radius: 7px;
}

.noblur
{

    width:100%;
    border-radius: 7px;
        transition: 0.3s;

}
.noblur:hover 
{ 
    filter: brightness(95%);
    transition: 0.3s;

}

   
.options
{ 
    display: flex;
}