.colu-8, .colu-4 {
    padding: 10px;
}

/* Default: stacked (mobile first) */
.colu-8, .colu-4 {
    flex: 0 0 100%;
}

/* For screens wider than 768px: side-by-side 8/4 layout */
@media (min-width: 768px) {
    .colu-8 {
        flex: 0 0 40%; /* 4/12 */
    }

    .colu-4 {
        flex: 0 0 60%; /* 8/12 */
    }
}

.gallery-show-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 26px;
}

    .gallery-show-items .image-detail {
        
    }

        .gallery-show-items .image-detail img {
            width: 100%;
            aspect-ratio: 4 / 3;
            object-fit: cover;
            display: block;
            border-radius: 8px; /* Optional: for better visuals */
        }

    .gallery-show-items .text-detail {
        background-color: var(--anita-s-bg-container);
    }

        .gallery-show-items .text-detail .detail-head {
            font-weight: bold;
            color: white;
            font-size: 2em;
            margin: 16px 6px 66px auto;
        }

        .gallery-show-items .text-detail .detail-text {
        }