.clip-wrapper {
    width: 265px;
    height: 200px;
    position: relative;
    overflow: hidden;
}


.clip-blur {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    transition: backdrop-filter 0.2s ease, background 0.2s ease;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.clip-wrapper:hover .clip-blur {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(0,0,0,0.2);
}

.clip-meta {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.clip-wrapper:hover .clip-meta {
    opacity: 1;
}