.wp-block-wrd-malt-in-motion__pattern {
	position: absolute;
	width: 100%;
	height: fit-content;
}

.wp-block-wrd-malt-in-motion__pattern svg {
	width: 100%;
	height: auto;
	fill: var(--colourway__malt);
}

.wp-block-wrd-malt-in-motion.is-position-top-left
	.wp-block-wrd-malt-in-motion__pattern {
	top: 0;
	left: 0;
}

.wp-block-wrd-malt-in-motion.is-position-top-center
	.wp-block-wrd-malt-in-motion__pattern {
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.wp-block-wrd-malt-in-motion.is-position-top-right
	.wp-block-wrd-malt-in-motion__pattern {
	top: 0;
	right: 0;
}

.wp-block-wrd-malt-in-motion.is-position-center-left
	.wp-block-wrd-malt-in-motion__pattern {
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}

.wp-block-wrd-malt-in-motion.is-position-center-center
	.wp-block-wrd-malt-in-motion__pattern {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.wp-block-wrd-malt-in-motion.is-position-center-right
	.wp-block-wrd-malt-in-motion__pattern {
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
}

.wp-block-wrd-malt-in-motion.is-position-bottom-left
	.wp-block-wrd-malt-in-motion__pattern {
	bottom: 0;
	left: 0;
}

.wp-block-wrd-malt-in-motion.is-position-bottom-center
	.wp-block-wrd-malt-in-motion__pattern {
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.wp-block-wrd-malt-in-motion.is-position-bottom-right
	.wp-block-wrd-malt-in-motion__pattern {
	bottom: 0;
	right: 0;
}

@media (width >= 64rem /* 1024px */) {
	.wp-block-wrd-malt-in-motion:not(.is-position-center-center)
		.wp-block-wrd-malt-in-motion__pattern {
		width: 50%;
	}
}