Отрегулируйте ширину и высоту динамически

Я пытаюсь интегрировать Cloudinary в мою веб-страницу. Проблема в том, что когда я использую код ниже:

<div class="col-md-4 col-xs-6 text-center product-image">
<?php

echo cl_image_tag($product['product_url'],
array("width"=>400, "height"=>300, "crop"=>"fill"));

?>
</div>

Изображение не отзывчиво из-за фиксированных пропорций: "width"=>400, "height"=>300,

Есть ли способ динамически настроить эти параметры в соответствии с шириной и высотой, которые Bootstrap определяет для div?

Я попробовал это:

<img class="img-fluid img-thumbnail" style="max-width: 400px; max-height: 300px;" src="<?php echo $product['product_url']; ?>">

Но тогда размер каждого изображения различен, потому что у каждого есть различные размеры и пропорции.