Fonksiyon içinde gelen resimler responsive nasıl yapılır?

Arkadaşlar bootstrap kullanarak wordpress tema yapıyorum. Diğer görsellerde sorun yok ama <?php the_content(); ?> içerisinde gelen görseller responsive olmuyor nasıl responsive yapabilirim?
Yabancı formlarda söylenen yöntemler işe yaramadı.

bir div ID'nin içine contenti basıp, css de #divId > img{ max-width:100%;} ile yapılabileceğini tahmin ediyorum ama denemek lazım

Javascript ile dom load olduktan sonra tüm img taglarına ya da bir div içerisindeki tüm img taglarına img-fluid classı ekleyebilirsin veya css kısmında halledebilirsin.

Arkadaşlar nasıl yaptım bilmiyorum ama bu şekilde oldu.

functions.php

function img_responsive($content){
return str_replace('<img class="','<img class="img-responsive ',$content);
}
add_filter('the_content','img_responsive');



style.css

.img-responsive{
    height: auto; max-width: 100%;
}

img.aligncenter{
    height: auto; max-width: 100%;
}

functions.php
 
function img_responsive($content){
return str_replace('<img class="','<img class="img-fluid ',$content);
}
add_filter('the_content','img_responsive');

Bu da yeterli olur, ek css gerek yok. Bootstrap'ın kendi responsive image kodu var.
https://getbootstrap.com/docs/4.4/content/images/#responsive-images

Aynen oldu teşekkürler