.image-container {
    position: relative;
    display: inline-block;
}

.image-container img {
    width: 100%; /* Ensure the image fits the container */
    height: auto;
    transition: opacity 0.3s ease;
}

.image-container:hover img {
    opacity: 0.7; /* Adjust opacity for shading effect */
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Shade color */
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .overlay {
    opacity: 1; /* Show overlay on hover */
}


.wp-block-button__link {
    background-color: #eec55a; /* Original button color */
    color: black; /* Text color */
    padding: 10px 20px; /* Padding */
    text-decoration: none; /* Remove underline */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Transition effects */
    border-radius: 5px; /* Rounded corners */
    display: inline-block; /* Ensure it behaves like a block */
}

.wp-block-button__link:hover {
    background-color: #ba9a47; /* Change to a darker color on hover */
    transform: scale(1.05); /* Slightly enlarge the button */
}

/* Fade-in effect */
.fade-in {
    opacity: 0; /* Start invisible */
    animation: fadeIn 1s forwards; /* Apply the animation */
}

@keyframes fadeIn {
    to {
        opacity: 1; /* End fully visible */
    }
}

/* Apply the fade-in effect to the body */
body {
    animation: fadeIn 1s forwards; /* Apply the animation to the body */
}

/* Target the inner figure elements within the gallery */
.wp-block-gallery .wp-block-image .wp-element-caption {
    position: relative;
    margin: 0;
}

.wp-block-gallery .wp-element-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5) !important;
    color: white;
    padding: 6px !important;
    box-sizing: border-box;
}

/* Media Queries (Responsive Adjustments) */
@media (max-width: 768px) {
    .wp-block-gallery .wp-element-caption {
        font-size: 10px !important;
        padding: 4px !important;
    }
}

@media (max-width: 480px) {
    .wp-block-gallery .wp-element-caption {
        font-size: 9px !important;
        padding: 1px !important;
    }
}