.wp-block-fred-stack-gallery.fred-stack-gallery {
	box-sizing: border-box;
	inline-size: 100%;
	position: relative;
}

.wp-block-fred-stack-gallery.fred-stack-gallery--count-1,
.wp-block-fred-stack-gallery.fred-stack-gallery--count-3 {
	aspect-ratio: 1;
}

.wp-block-fred-stack-gallery.fred-stack-gallery--count-2 {
	aspect-ratio: 4 / 5;
}

.wp-block-fred-stack-gallery .fred-stack-gallery__item {
	margin: 0;
	overflow: hidden;
	position: absolute;
}

.wp-block-fred-stack-gallery .fred-stack-gallery__image {
	block-size: 100%;
	border-radius: 0;
	display: block;
	inline-size: 100%;
	max-inline-size: none;
	object-fit: cover;
}

/* One image fills the complete gallery container. */
.wp-block-fred-stack-gallery.fred-stack-gallery--count-1 .fred-stack-gallery__item {
	inset: 0;
}

/* Two-image composition based on the supplied overlapping portrait example. */
.wp-block-fred-stack-gallery.fred-stack-gallery--count-2 .fred-stack-gallery__item--1 {
	block-size: 84%;
	bottom: 0;
	inline-size: 91%;
	left: 0;
}

.wp-block-fred-stack-gallery.fred-stack-gallery--count-2 .fred-stack-gallery__item--2 {
	block-size: 36%;
	inline-size: 36%;
	right: 0;
	top: 0;
	z-index: 1;
}

/* Getwid's Zeta geometry: tall left, wide lower-right, square upper-right. */
.wp-block-fred-stack-gallery.fred-stack-gallery--count-3 .fred-stack-gallery__item--1 {
	block-size: 80%;
	inline-size: 54%;
	left: 0;
	top: 0;
}

.wp-block-fred-stack-gallery.fred-stack-gallery--count-3 .fred-stack-gallery__item--2 {
	block-size: 44.2%;
	bottom: 0;
	inline-size: 65%;
	right: 0;
}

.wp-block-fred-stack-gallery.fred-stack-gallery--count-3 .fred-stack-gallery__item--3 {
	aspect-ratio: 1;
	inline-size: 40%;
	right: 0;
	top: 10%;
}