Prevent WordPress 6.7's auto-size feature from showing missing images at enormous sizes that break layouts.

wp-auto-size-fix.php

<?php 

/**
 * WordPress 6.7 introduced an inline style rule which can cause missing images to render at
 * huge sizes, breaking layouts. There are three possible solutions:
 * 
 * 1. Add a filter to disable auto sizes entirely: 
 * 
 *     add_filter( 'wp_img_tag_add_auto_sizes', '__return_false' );
 * 
 * 2. Add this style rule to the frontend CSS somewhere: 
 * 
 *     img[sizes*="auto"][src]:not([src^="data:"]) { max-height: 100%; }
 * 
 * 3. Dequeue the style:
 * 
 *     add_action( 'wp_enqueue_scripts', function() {
 *         wp_dequeue_style( 'wp-img-auto-sizes-contain' );
 *     }, 20 );
 */

add_filter( 'wp_img_tag_add_auto_sizes', '__return_false' );