Скажем, у меня есть container.a, и у него есть некоторая высота в пикселях, скажем, у меня есть container.b внутри container.a, который составляет 80% от container.a, а теперь скажите, что я хочу поместить изображение, имеющее некоторую высоту в пикселях, в контейнер .b, как я могу сделать изображение высотой контейнера.b, а затем поддерживать соотношение сторон ширины с помощью CSS?

  
    <img class="image.a" src="my_image.png">
  


.container.a { width: 200px; height: 300px; }
.container.b { width: 80%; height: 80%; }
.image.a { ? }