WordPress の埋め込み動画ブロックをレスポンシブにする方法

<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio">
	<div class="wp-block-embed__wrapper">
			<iframe type="text/html" src="https://www.youtube.com/embed/H-IPxeSXB5s" allowfullscreen="true" ></iframe>
	</div>
</figure>

.is-type-video {
	width: 100%;
	max-width: 100%;
	margin: 1em 0;
}

.is-type-video .wp-block-embed__wrapper{
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.is-type-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.is-type-video {
	width: 100%;
	max-width: 560px;
	margin: 1em auto;
}

.is-type-video .wp-block-embed__wrapper{
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.is-type-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}