body, html {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

.container {
    text-align: center;
    width: 80%;
    margin: auto;
}

.image-row img {
    width: 22%; /* Adjust size here */
    margin: 2px; /* Adjust gaps here */
}

.text-content {
    font-size: 12px; /* Editable text size */
    margin: 10px 0;
}

.centered-image img {
    width: 40%;
    margin: 20px 0;
}

.gallery {
    position: relative;
    width: 40%;
    margin: 20px auto;
}

.gallery-images img {
    width: 100%;
    display: none; /* Hide images initially; they are shown via JavaScript */
}

.gallery-images img.active {
    display: block; /* Show active image */
}

button.prev, button.next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

button.prev {
    left: -50px;
}

button.next {
    right: -50px;
}

.custom-link {
    display: block;
    margin: 20px auto;
    font-size: 18px;
}