Отрегулируйте ширину / высоту элемента, чтобы соответствовать его преобразованному потомку

Question

Воображение у нас есть элемент с transform:scale(2). Есть ли HTML / CSS-единственный способ сообщить родителю о его преобразованных измерениях?

.container {
  border: 1px solid;
}
.child {
  background: red;
  width: 100px;
  height: 100px;
  transform: scale(2);
  opacity: 0.5;
}

<div class="container">
  <div class="child"></div>
</div>

Сейчас у меня есть следующее:

И это вот что я ожидаю получить:

---