.img-container {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.img-container > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.img-container.contain {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.img-container.contain > img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.bg-gradient-transparent-top {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5) 13.57%,transparent 100%);
}
.bg-gradient-transparent-bottom {
    background-image: linear-gradient(to top,rgba(0,0,0,.5) 13.57%,transparent 100%);
}