Utilize container queries instead of media queries

[westonruter]

Now that container queries are generally available (caniuse), I suggest that the following logic be updated to use them instead of media queries:

wp-cls-terminator/includes/class-cls-terminator.php

Lines 49 to 60 in 42b6824

	$class_name = sprintf( 'cls-terminator-%s', md5( $block['attrs']['url'] ) );
	$css = '';
	foreach ( $block['attrs']['embedHeightWidth'] as $breakpoint => $dimensions ) {
	$css .= sprintf(
	"\n\t@media (min-width: %spx) {\n\t\t.{$class_name} { min-height: %spx; }\n\t}\n",
	$device_breakpoints[ $breakpoint ],
	$dimensions['height'],
	$dimensions['width']
	);
	}

The key reason here is that the embed may be rendered inside of a column which is narrower than the entire window, meaning that the media query won't produce the right result.

A feature query may also be utilized (e.g. @supports (contain: inline-size) { /*...*/ }) where relevant.

[westonruter]

cf. GoogleChromeLabs/layout-shift-terminator#8