.block-cookbook {
	container-type: inline-size;
	container-name: block-cookbook;
}

.block-cookbook__inner {
	max-width: 600px;
	margin-inline: auto;
}

.block-cookbook__image {
	margin-inline: calc( -1 * var(--wp--custom--layout--padding));
}

@container (min-width: 600px) {
	.block-cookbook__inner {
		display: grid;
		grid-template-columns: repeat( 2, 1fr );
		align-items: center;
		column-gap: 40px;
		max-width: 100%;
	}

	.block-cookbook__image {
		margin-inline: 0;
		position: relative;
	}

	.block-cookbook__image img {
		height: 100%;
		object-fit: cover;
	}
}

@container (min-width: 728px) {
	.block-cookbook__inner {
		grid-template-columns: 344px 1fr;
	}

	.block-cookbook__content {
		padding-inline: 40px;
	}
}