.button-group {
    margin: auto;
    display: flex;
    gap: .6em;
}



/* Media query for tablets */
@media (width <= 1000px) {

}

@media (width <= 600px) {
    .blue-button, .blue-button {
        padding: 0.75em 3em; 
        width: 100%;
    }
    .filter-header p{
        font-size: 1.5em;
    }
    .button-group {
        width: 75%;
        flex-direction: column;
    }

    .background-image {
        top: 0em; /* Align the image to the top */
        transform: scale(1.5); /* Zoom in the image */
    }
}

/* Media query for mobile devices */
@media (width <= 480px) {
    .background-image {
        transform: scale(3); /* Further zoom in for smaller mobile devices */
    }
}