Problems with Hero Picture

Hi Tim,

Your image is already a responsive image, which size to render depends on the browser.

Try this PHP snippet to modify the browser render behaviour:

function db_modify_srcset_sizes($sizes, $size) {
        $sizes = '(max-width: 420px) 100px, (min-width: 421px) 768px, (min-width: 769px) 1024px, 100vw';
	return $sizes;
}
add_filter('wp_calculate_image_sizes', 'db_modify_srcset_sizes', 10 , 2);

Adding PHP: https://docs.generatepress.com/article/adding-php/
It should load the 300px image on mobile.

Let me know if this helps!