.blur-img{
    width: 100%;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
   }       
   .blur-img img{
    width: 100%;
    aspect-ratio: 1/1;
    object-position: center;
    object-fit: cover;
   }  
   .blur-img > img{
    opacity: 0;
    transition: opacity .2s ease-in-out;
   }
   .blur-img.loaded > img{
    opacity: 1;
   }
   .blur-img::before{
    content: '';
    width: 100%;
    height: 60%;
    position: absolute;
    background: transparent linear-gradient(180deg, #1C1C1B00 50%, #1C1C1B 110%) 0% 0% no-repeat padding-box;
    z-index: 1;
    bottom: 0;
   }
   .blur-img.loaded::before{
    content: none;
   }

   @keyframes pulse {
    0%{
        background-color: rgba(255, 255, 255, 0);
    }
    50%{
        background-color: rgba(255, 255, 255, 0.1);
    }
    100%{
        background-color: rgba(255, 255, 255, 0);
    }
   }