.pag-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.pag-image-wrapper {
    position: relative;
    overflow: hidden;
    height: 400px; /* hauteur fixe desktop */
    width: 100%;
}

.pag-image {
    height: 100%!important;     /* remplir toute la hauteur */
    width: 100%!important;      /* largeur auto pour garder le ratio */
    display: block;
    object-fit: cover; /* zoom et recadrage si nécessaire */
    object-position: center center; /* centrer l’image */
}

/*
.pag-image-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #bfa283;
    opacity: 0.69;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

.pag-image-wrapper:hover::after {
    opacity: 0;
}*/

@media (max-width: 768px) {
    .pag-grid {
        grid-template-columns: 1fr;
    }

    .pag-image-wrapper {
        height: 300px; /* hauteur fixe mobile */
    }

    .pag-image {
        height: 100%;  /* remplir toute la hauteur mobile */
        width: auto;
    }
}