<style>
/* -- The root styles must go in the element of the structure with the name "Gallery". --*/
.galeria__gallery {
/* Styles that replicate columns with the variable set in the configuration of the gallery element */
grid-template-rows: repeat(var(--columns),minmax(0,1fr));
/* Styles of the image list within the gallery */
.bricks-layout-item{
figure, a, img{
height: 100%;
}
/* Gallery image 1 */
&:nth-child(1){
grid-row: 1 / 7;
grid-column: 1 / 5;
}
/* Gallery image 2 */
&:nth-child(2){
grid-row: 1 / 4;
grid-column: 5 / 9;
}
/* Gallery image 3 */
&:nth-child(3){
grid-row: 7 / 10;
grid-column: 2 / 5;
}
/* Gallery image 4 */
&:nth-child(4){
grid-row: 4 / 9;
grid-column: 5 / 10;
}
/* Mobile portrait */
@media(max-width: 478px){
&:nth-child(n){
grid-row: auto;
grid-column: auto;
}
}
}
}
</style>