@layer bricks {.brxe-code{width:100%}}.gallery-x { column-count: 3; column-gap: 10px; width: 100%; margin: auto; min-height:960px; height:100%;} .gallery-x::after { content: ""; display: table; clear: both;} .gallery-x .photo { width: 100%; break-inside: avoid; margin-bottom: 10px; position: relative;} .gallery-x img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} .photo1 { padding-top: 130%; } .photo2 { padding-top: 70%; } .photo3 { padding-top: 100%; } .photo4 { padding-top: 100%; } .photo5 { padding-top: 80%; } .photo6 { padding-top: 120%; } @media (max-width: 991px) {.gallery-x { column-count: 2;}}@media (max-width: 479px) {.gallery-x { column-count: 1;}.photo1 { padding-top: 65%; } .photo2 { padding-top: 35%; } .photo3 { padding-top: 50%; } .photo4 { padding-top: 50%; } .photo5 { padding-top: 40%; } .photo6 { padding-top: 60%; } }