.img-heading-card {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #cbcbcb;
    aspect-ratio: 4 / 5;
    background-color: var(--sample-background);
}

.img-heading-card:hover {
    border: none;
    cursor: pointer;
}

.img-heading-card img {
    width: 100%;
    scale: 1;
    transition: scale .2s ease-in-out;
}

.img-heading-card:hover img {
    scale: 1.03;
    transition: scale .2s ease-in-out;
}

.ihc-bg {
    width: 100%;
    height: 100%;
    align-content: center;
}

.ihc-text {
    position: absolute;
    z-index: 999;
    bottom: 0;
    left: 0;
    padding-right: 18px;
    background-color: var(--background-color);
    max-width: 80%;
}


@media screen and (max-width: 1279px) {

    .ihc-bg, .ihc-bg img {
        width: 100%;
        height: auto;
    }

}