/* Custom styles for the gallery */
.ranogallery-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem; /* Adjust the default gap for responsiveness */
}

.ranogallery-container a {
    flex: 1 0 calc(50% - 1rem); /* Two items per row for larger devices */
    box-sizing: border-box;
    padding: 0.5rem; /* Adjust padding for each item */
    text-align: center; /* Center align text and images */
    position: relative; /* Maintain aspect ratio */
}

.ranogallery-container a img {
    width: 100%; /* Ensure the image takes the full width of its container */
    height: auto; /* Maintain the aspect ratio */
    border-radius: 0.5rem; /* Optional: Add border-radius for a rounded appearance */
}

/* Responsive adjustments for smaller devices */
@media screen and (max-width: 768px) {
    .ranogallery-container a {
        flex-basis: calc(100% - 1rem); /* Full width for smaller devices */
    }
}