.block-gallery {
padding-top: 2rem;
} .block-gallery .gallery-image-trio {
margin-top: 1.5rem;
width: 100%;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
} .block-gallery .gallery-image-pair {
margin-top: 1.5rem;
width: 100%;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
} .block-gallery .gallery-image-left-video-right {
margin-top: 1.5rem;
width: 100%;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
} .block-gallery .gallery-image-left-video-right .embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
} .block-gallery .gallery-image-left-video-right .embed-container iframe, .block-gallery .gallery-image-left-video-right .embed-container object, .block-gallery .gallery-image-left-video-right .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .block-gallery .gallery-video-left-image-right {
margin-top: 1.5rem;
width: 100%;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
} .block-gallery .gallery-video-left-image-right .embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
} .block-gallery .gallery-video-left-image-right .embed-container iframe, .block-gallery .gallery-video-left-image-right .embed-container object, .block-gallery .gallery-video-left-image-right .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .block-gallery .undefined {
background: #1d1d1d;
width: 100%;
height: 300px;
color: #ffffff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} .block-gallery .undefined h3 {
color: #ffffff;
}
@media only screen and (min-width: 1029px) { .block-gallery {
padding-top: 5rem;
} .block-gallery .gallery-image-trio {
grid-template-columns: 1fr 1fr 1fr;
} .block-gallery .gallery-image-trio.alignment-left {
padding-right: 6rem;
} .block-gallery .gallery-image-trio.alignment-right {
padding-left: 6rem;
} .block-gallery .gallery-image-pair {
grid-template-columns: 1fr 1fr;
padding-left: 6rem;
} .block-gallery .gallery-image-left-video-right {
grid-template-columns: 1fr 1fr;
padding-left: 6rem;
} .block-gallery .gallery-image-left-image-right {
grid-template-columns: 1fr 1fr;
padding-left: 6rem;
}
}