Друзья, вопрос так и не решен. Помогите, пожалуйста, разобраться:
по задумке есть попап с img и button(закрытие). При этом должно соблюдаться два условия:
1 - при уменьшении по горизонтали или вертикали изображение с кнопкой закрытия должны оставаться в рамках экрана. При этом изображение не должно терять пропорций
2 - кнопка должна быть "привязана" к верхнему правому углу фотографии (за пределами фото).
Ниже два пояснения:
https://jsfiddle.net/JohnJoy665/d4jkthfe/2/ - здесь пример того, как сделано сейчас. button подкрашена красным для наглядности. Увы, данный вариант работает некорректно, если мы попробуем уменьшить экран по вертикали.
https://jsfiddle.net/JohnJoy665/d4jkthfe/5/ - здесь пример того, как советовали сделать. НО теперь кнопка закрытия "улетает" наверх, т.к. flex контейнер становится 100hv .
Подскажите, пожалуйста, в каком направлении копать. Что-то голову ломаю(((