.gallery img {
    width: 100%; /* Set maximum width to prevent images from extending viewport */
    height: auto;
    margin: 0px;
    display: block; /* Display images in a row */
}

.gallery {
    max-width: 100%;
}

#loadMoreBtn {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    background-color: #3498db;
    color: white;
    border: none;
    cursor: pointer;
    width: 50%; /* Set width to 50% of parent container */
    min-width: 150px; /* Set a minimum width for smaller screens */
    min-height: 50px; /* Set a minimum height for the button */
    font-size: 1.5em; /* Adjust font size for better visibility */
}