Почему не масштабируется картинка на больших экранах?

Question

[Sergo Zar]

Я пытаюсь адаптировать страницу и уже почти всё доделал но картинка, на странице, выходит за блок при ширине экрана больше 1360px

скриншот

Код залил на codepen


Картинка расположена на 90 строке

<img class="_0bu" src="https://sergo-zar.dev.zkelo.ru/_/1/www.key-axioms-business.kryvoruchko.com/0BE.jpg"/>

В css на :
178

._0bu{
    /*max-height: 403px;*/
    height: 403px;
    float:right;
    margin: 10px 10px 0px 10px;
}

281

@media screen and (min-width:1360px){
/* код */
    ._0bu{
        max-height: 403px;
    }
/* код */
}

296

@media screen and (min-width:1700px){
/* код */
    ._0bu{
        /*max-height: 5%;*/
        /*position: relative;*/
        height: auto !important;
        margin-top: 10px; 
    }
/* код */
}

строках указаны стили для картинки.
Что я делаю не так?

Comments

[FeST1VaL]

1. Сделайте чтобы картинку было видно в codepen.
2. у вас жестко задан размер картинки... 403px

[Дмитрий]

Попробуйте не фиксировать высоту а или помимо указонной высоты добавить и шырину width: ...

[Sergo Zar]

FeST1VaL, 1. вот же я затупил.. Спасибо что сказали)
2. Если я не укажу фиксированую высоту то картинка вообще на весь экран вылезет(размер 2281x3254)

[Sergo Zar]

Дмитрий, попробовал но не получилось ничего хорошего

[FeST1VaL]

Sergo Zar, Я бы мб сделал это примерно так. Если конечно же вам не надо чтобы текст обтекал картинку.

https://jsfiddle.net/r30vba7u/

[strelok011]

Если это адаптив, есть несколько шагов:
1. определить список для каких разрешений вообще работать должно
2. выбить из дизайнера всё.. информацию, как должна вести себя картинка на таких-то разрешениях - вы вполне можете указывать для разрешений менее условных 2к высоту картинки max-height: 400, а на больших разрешениях - другое значение, либо max-height: auto, а на мелких разрешениях width: 100%, чтоб картинка разделяла текст, не давала обтекать.
3. определить переломные разрешения
4. написать медиазапросы для всех перегибов

Всё упирается в планирование.