.card{
    overflow: hidden;
}

.card[onclick]{
    cursor:pointer;
}

.card .card-img-overlay {
    background-color: rgba(0, 0, 0, 0.5);
}

.card .card-img-full {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.card .card-overlay{
    display:block;
    position:absolute;
    background-color: rgba(0, 0, 0, 0.5);
}

.card .align-top{
    top:0;
    width: 100%;
}

.card .align-bottom{
    bottom:0;
    width: 100%;
}

.card .align-left{
    top:0;
    left:0;
    height:100%;
}

.card .align-right{
    top:0;
    right:0;
    height:100%;
}

.hover-overlay .card-img-overlay, .hover-overlay .card-overlay{
    opacity:0;
    transition:all .3s ease-in-out
}

.hover-overlay .card-img-overlay:hover, .hover-overlay:hover .card-overlay{
    opacity:1
}

.hover-zoom img,.hover-zoom video{
    transition:all .3s linear
}

.hover-zoom:hover img,.hover-zoom:hover video{
    transform:scale(1.1)
}