Cevabınızı yeni gördüm.
@media only screen and (max-width: 500px) {
.size-full {height: 250px }
}gibi bir çözüm çıkabilir.
size-full yerine div elemanınıza class atarsanız daha sağlıklı olur.
max-height: 450px; bunu birde !important ile deneyebilirsiniz.
Bu şekilde yaptım kendi telefonumda görüntüde sorun yok, fakat farklı çözünürlük ve telefonlarda test ettim (
http://responsivetesttool.com/) görüntü bozuluyor.
<div class="webisler"><img class="img-responsive aligncenter" src="https://tuyograf.com/medya/2020/11/formex-anasayfa-699-1.jpg" width="699" height="1990" /></div>
Sayfa yapıcı mobil padding:
padding-top: 24 px;
padding-right: 46 px;
padding-bottom: 0 px;
padding-left: 45 px;
.webisler {
display:block;
margin: auto;
max-width:717px;
max-height:449px;
overflow:auto; }
@media only screen and (max-width:991px) { .webisler {
display:block;
max-width:252px !important;
max-height:157px !important;
margin: auto;
overflow:auto;
margin-bottom: 45px;
} }