@media only screen and (max-width: 600px) {
    .popular {
        width: unset !important;
        height: unset !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }
}

.parent {
    position: relative;
    /* max-width: 520px; 	   */
}

.child {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0);
    /* fall back color */
    background: rgba(0, 0, 0, 0.3);
    /* transparent text*/
    color: black;
    bottom: 5px;
}

img {
    vertical-align: middle;
}