.image-default {
	background-color: var(--wp--preset--color--primary-500);
	background-image: var(--image-default-logo);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	background-size: 50%;
}

.image-default.recipe {
	display: block;
	width: 100%;
	aspect-ratio: 5 / 8;
	border-radius: var(--wp--custom--border-radius--24);
}

.image-default.sauce {
	width: 100%;
	height: 100%;
}

.image-default.recipe-step {
	background-size: 30%;
}

@media (min-width: 768px) {
	.image-default.recipe {
		aspect-ratio: 3 / 4;
	}
}