#giftGuides {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 5%;
    margin-top: 3%;
    text-align: center;
}

#giftGuides a img {
    border-radius: 10px;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
    width: 75%;
    height: auto;
}

#giftGuides a img:hover {
    transform: scale(1.001); /*zoom effect*/
    opacity: 0.8; /*slightly transparent effectt*/
}

/*mother's day promo*/
#mothersDayWrapper {
    width: 84%;
    margin: 30px auto 5% auto;
}

#mothersDay {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
    gap: 20px;
}

#mothersDay a img {
    border-radius: 10px;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
    width: 100%;
    height: auto;
}

#mothersDay a img:hover {
    transform: scale(1.001); /*zoom effect*/
    opacity: 0.8; /*slightly transparent effectt*/
}

#mothersDayBanner {
    text-align: center;
}

#mothersDayBanner img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 20px;
}

/*responsiveness*/

@media (max-width: 860px) {
    #giftGuides {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 2% 10% 5% 10%;
        gap: 20px
    }

    #giftGuides a img {
        width: 100%;
        height: 100%;
    }

    #mothersDay {
        grid-template-columns: 1fr 1fr;
    }

    #mothersDay a img {
        width: 100%;
        height: 100%;
    }

    
}