.card-img-heading { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); } .card-img-subheading { color: $white; font-size: $font-size-h5; line-height: $line-height-h5; margin: 0; bottom: 0; left: 0; width: 100%; } .backcard { position: absolute; z-index: -114; height: 50px; margin-top: -60px; width: 94%; margin-left: 9px; } @media screen and (min-width: 992px) { .backcard { width: 94%; } } @media screen and (max-width: 768px) { .backcard { width: 89%; } }