Адаптивность⁠⁠

Здравствуйте!

На сайте есть блок, так называемый, "картинка в картинке". Я реализовал это так: родительский div со статичным фоновым изображением (position: relative;), а дочерний div со сменным изображением (position: absolute;). Моя проблема в том, что я не могу добиться полной адаптивности под любые расширения экранов и дочерняя картинка постоянно вылезает за пределы родительской. Уже написал больше 10 media queries под разные размеры экранов телефонов, планшетов и т.д.

Подскажите, пожалуйста, есть ли какое-нибудь универсальное решение, чтобы дочерняя картинка изменяла свой размер относительно родительской? Или мне так и продолжать под каждый экран делать свой media query?