.content_masonry-layout .image-grid-container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: repeat(6, minmax(0, 1fr));
	grid-auto-flow: column;
	gap: 1em;
}

.content_masonry-layout .image-grid-container .image-grid-item {
	object-fit: cover;
	width: 100%;
	height: 100%;
	contain-intrinsic-size: unset;
}
.content_masonry-layout .image-grid-container .image-grid-item:nth-child(1),
.content_masonry-layout .image-grid-container .image-grid-item:nth-child(2),
.content_masonry-layout .image-grid-container .image-grid-item:nth-child(3),
.content_masonry-layout .image-grid-container .image-grid-item:nth-child(7) {
	grid-row-end: span 2;
	aspect-ratio: 1;
}

.content_masonry-layout .image-grid-container .image-grid-item:nth-child(4),
.content_masonry-layout .image-grid-container .image-grid-item:nth-child(5) {
	grid-row-end: span 3;
}
.content_masonry-layout .image-grid-container .image-grid-item:nth-child(6) {
	grid-row-end: span 4;
}

.content_masonry-layout .content-col {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: max(1.5rem, calc(3.5 * var(--su)));
	gap: 1.5em;
}
.content_masonry-layout .content-col .pk-button-group {
	margin-top: auto;
}

@media screen and (max-width: 992px) {
	.content_masonry-layout .content-col {
		padding-inline: 0; gap: 1rem;
	}
}

@media screen and (max-width: 767px) {
	.content_masonry-layout .image-grid-container {
		gap: 0.5rem;
	}
}