.glide {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    grid-column-start: 2;
    grid-column-end: 12;
}

.glide__slide {
    display: grid;
    /*grid-template-columns: repeat(4, 25%);*/
    grid-column-gap: 2%;
}

.slider-card {
    /*width: 254px;*/
    /*height: 219px;*/
    box-shadow: none;
    border-radius: 4px;
    background-color: var(--alternative-background);
    margin: 3px;

    width: 100%;
    padding-top: 70%; /* 1:1 Aspect Ratio */
    position: relative; /* If you want text inside of it */

    cursor: pointer;
}

.slider-card-alt {
    box-shadow: 0 2px 4px rgba(26, 160, 209, 0.4);
}

.card-heart {
    position: absolute;
    top: 3%;
    /*left: 0;*/
    /*bottom: 0;*/
    right: 3%;
}

.card-img {
    position: absolute;
    top: 25%;
    left: 30%;
    max-width: 40%;
}

.card-footer{
    top: 60%;
    left: 10%;
    font-size: 1.5rem;
    font-weight: bolder;
    color: var(--secondary-color);
    text-align: center;
    border-top: solid;
    border-width: thin;
    padding-top: 1rem;
}