.a1 {
    width: 60% !important;
    margin-bottom: 0 !important;
    padding-top: 4% !important;
    padding-bottom: 4% !important;
    border-radius: 28px !important;
    background-color: #E5BC1F !important;
    font-size: 15px !important;
    color: #4E185B !important;
    font-weight: 600 !important;
    display: block !important;

}

.a2 {
    width: 60% !important;
    padding-top: 4% !important;
    padding-bottom: 4% !important;
    background-color: #629231 !important;
    color: white !important;
    border-radius: 28px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    display: block !important;
}

.image-size {
    width: 150px;
    height: 300px;
}

.animal-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.animal-card {
    width: 30%;
    /* Adjust width as needed */
    margin-bottom: 20px;
    /* Add additional styles as needed */
}

@media only screen and (max-width: 768px) {
    .animal-card {
        width: 45%;
        /* Adjust width for smaller screens */
    }
}

@media only screen and (max-width: 576px) {
    .animal-card {
        width: 100%;
        /* Full width on smaller screens */
    }
}