Как решить вопрос с высотой родителей при уменьшение блока свойством transform: scale(.1)?

Question

[Alice777]

https://jsfiddle.net/q3mwpsoe/
По очень важный обстоятельствам красный блок имеет фиксированную (довольно большую) ширину(в примере 2000px) и высоту(в примере 1000px), однако этот элемент нужно заскейлить и сделать смотрибельным. Что я в примере и сделал

После красного блока есть текст, который в примере оказался далеко внизу(из-за большой высоты родителя(1000px))

Как с помощью css можно сделать так, чтоб под красным блоком сразу шел текст, а не после 1000px?
zoom шикарно работает - прям так как мне нужно, но он плохо поддерживается
Вот так должно получиться https://jsfiddle.net/q3mwpsoe/1/ (правильно откроется не во всех браузерах, ибо там свойство zoom )))

Comments

[Pavel Kuzyakin]

мне даже интересно стало, чем такой подход объясняется?

[Виолетта Морозова]

Да, и мне)) Если вы можете поменять свойства красного блока, почему бы не поменять ему ширину и высоту?