wordpressのphpでタグを挿入してimgurをレスポンシブ化したい

前提

wordpressのブロックエディタからimgur挿入したのが、サイズ固定になっているので、これをサイト幅いっぱいに表示させる

実現したいこと

-phpにてタグの追加
-cssにてレスポンシブ化

の順で挿入したい

発生している問題

phpにてタグの追加を試みましたが、追加されない状況です。

該当のソースコード

function.php

function imgurer_in_div($the_content) { if ( is_singular() ) { $the_content = preg_replace('/<blockquote[^>]+?imgur\-embed[^<]+?<\/blockquote>/is', '<div class="imgurer">${0}</div>', $the_content); } return $the_content; } add_filter('the_content','imgurer_in_div');

HTML

<figure class="wp-block-embed is-type-rich is-provider-imgur wp-block-embed-imgur"><div class="wp-block-embed__wrapper"> <blockquote class="imgur-embed-pub" lang="en" data-id="****"><a href="https://imgur.com/****">View post on imgur.com</a></blockquote><script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script> </div></figure>

試したこと

function.php

function imgurer_in_div($the_content) { if ( is_singular() ) { $the_content = preg_replace('/<script[^>]+?imgur\.com[^<]+?<\/script>/is', '<div class="imgurer">${0}</div>', $the_content); } return $the_content; } add_filter('the_content','imgurer_in_div');

このコードにすればタグの挿入は出来たのですが、タグの挿入位置が悪く、思う機能になりませんでした。

補足情報（FW/ツールのバージョンなど）

cssに問題はなく、後はタグを目的の位置に追加すればいいだけなのですが、これが出来ません。
wordpress6.0
php7.4.1