Есть ли способ использовать CSS -transform и не затрагивать дочерние элементы

Я создал мокап, чтобы продемонстрировать свою проблему. Я боюсь, что решение попадает в то, что я сделал с первым примером (box1).

Просто не понимаю, почему я не могу применить CSS-преобразование к родительскому элементу и не применять его к дочернему элементу или, по крайней мере, переопределить его.

Дайте мне знать, есть ли способ получить эффект первого примера с помощью свойства преобразования. Я не хочу, чтобы второе изображение также масштабировалось. Просто родительский div.

Примечание.

Я пытаюсь использовать это свойство, чтобы включить ускорение графического процессора.