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


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

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

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

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

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

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

.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
}