.paragraph-galeria{
    margin: 0 auto;
}

.paragraph-galeria .field--name-field-galeria{
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(var(--columns),minmax(0,1fr));
}

.paragraph-galeria .field--name-field-galeria img{
    width: 100%;
    object-fit: scale-down;
    height: 10vmax;
    padding: 1rem;
    border: 1px solid;
    border-color: var(--grayer);
}

.paragraph-galeria .field--name-field-galeria > div{
    /* box-shadow: 0 3px 6px rgba(0,0,0,.15); */
}

.paragraph-galeria .title{
    font-size: var(--text-5xl);
    font-weight: var(--font-semibold);
    margin-bottom: 3rem;
}

.paragraph-galeria .field--name-field-galeria .media iframe{
    width: 100%;
    height: 15vmax;
}

.paragraph-galeria .field--name-field-galeria > div div:not(.visually-hidden){
    width: 100%;
}

@media all and (max-width: 767px){
    .paragraph-galeria .field--name-field-galeria{
        --columns: 2;
    }

    .paragraph-galeria .field--name-field-galeria > div:last-child:nth-last-child(odd){
        grid-column: auto / span 2;
    }

    .paragraph-galeria .field--name-field-galeria > div:first-child:nth-last-child(even),
    .paragraph-galeria .field--name-field-galeria > div:first-child:nth-last-child(even) ~ div{
        grid-column: auto / span 1;
    }
}

@media all and (max-width: 567px){
    .paragraph-galeria .field--name-field-galeria{
        --columns: 1;
    }

    .paragraph-galeria .field--name-field-galeria > div{
        grid-column: auto / span 1 !important;
    }
}