#filter-buttons {
    display: flex;
    justify-content: space-evenly;
    padding: 20px;
}

#filter-buttons button {
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    font-weight: bold;
    font-size: large;
    color: rgb(39, 94, 104);
    /* box-shadow: 2px 5px 5px rgb(104, 137, 153); */

}


   


#filter-buttons button:hover {
    background-color: rgb(19, 116, 116);
    color: aliceblue;
}

.image-container {
    text-align: center;
    margin: 20px;
    position: relative;
    background-color: white;
    width: 500px;
    height: auto;
}
.image-container h4 {
    color: black;
    margin: 0;
}

.image-container h5 {
    color: rgb(92, 68, 68);
    margin: 0;
    height: 80px;
    overflow-y: scroll;

}


.hover-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.8;
    transition: opacity 0.3s;
    cursor: pointer;
    border: none;
    padding: 10px;
    border-radius: 10px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    background-color: brown;
    color: white;
}

.hover-button:hover {
    /* transform: rotate(45deg);  */
    animation: bounce 2s infinite;
}

#gallery  {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 10px;
}

#gallery .image-container {
    /* border: 0.5px solid rgb(197, 177, 177); */
    height: 350px;
 

}

#gallery .image-container img {
    height: 200px;
    width: 300px;
    object-fit: contain;
}