ลองแบบนี้ดูครับ
<style>
.format-image.hentry.post-image.post-format-image > a > img {
max-width: 300px !important;
max-height: 200px !important;
height: auto !important;
width: auto !important;
display: block;
position: relative;
object-fit:contain;
}
</style>
ประเด็นที่ผมแนะนำให้เพิ่ม คือ
display: block;
position: relative;
object-fit:contain;
********************
ปกติ ผมจะใช้ประมาณนี้ครับ
width: 260px;
height: 260px;
display: block;
position: relative;
object-fit:contain;
เพื่อบังคับให้ภาพมีขนาด 260x260 เสมอ
*************************
ลองดูเกี่ยวกับ
object-fit:contain 
เผื่อแก้ไขเพิ่มเติม หรือ ทดสอบดูครับ
หรือ ลองดูแนวจากตัวอย่างนี้ครับ
https://www.sitepoint.com/usin...it-object-position-properties/ เผื่อที่ผมแนะนำไม่ตรงกับที่ต้องการ
สามารถเปลี่ยนจาก contain เป็น
fill
contain
cover
none
scale-down
เพื่อทดสอบดู
****************
ตามเจตนาของท่าน cover น่าจะตรงมากกว่า contain ครับ
พัฒนาเว็บไซต์
