سلام من میخوام توی یک قالب وردپرسی عکس محصولات رو فقط تو نمایش برای موبایل بزرگ تر کنم میشه راهنمایی کنید!

این یک صفحه محصول:
نمایش هیجان انگیز بلک لایت لند – پنجشنبه ۱7 اسفند – کالاتگ

من خودم خیلی از css و html سر در نمیارم ولی وارد اینسپکت شدم و از اونجا فکر کنم تونستم اون کد css که مربوط به اندازه تصوری میشه رو پیدا کینم و تغییر دادم ولی بعد تغییر سایز عکس بزرگ شد ولی عکس از کارد زد بیرون و نتوستم این مشکل رو درست کنم.

با این کد:
@media only screen and (max-device-width: 600px) {
.img-fluid{
max-width:300px;
height:auto
}
}

قبل تغییر :
https://kalatag.com/wp-content/uploa....05.37-PM.jpeg

بعد تغییر:
https://kalatag.com/wp-content/uploa...5.37-PM-1.jpeg

اکه خواستید من میتون فایل قالب رو در اختیارتون بزارم !