<style>
   div {
      width: max-content;
   }
   #circles-portrait-1 {
      width: 25px;
      height: 50px;
   }
   #circles-portrait-2 {
      width: 144px;
      height: 288px;
   }
   #circles-portrait-3 {
      width: 12.5px;
      height: 25px;
   }
   #circles-portrait-4 {
      width: 72px;
      height: 144px;
   }
   #circles-portrait-5 {
      width: 25px;
      height: 50px;
   }
</style>

<div><img id="circles-portrait-1" src="resources/circles-portrait.png"></div>
<div><img id="circles-portrait-2" src="resources/circles-portrait.png"></div>
<div><img id="circles-portrait-3" src="resources/circles-portrait.png"></div>
<div><img id="circles-portrait-4" src="resources/circles-portrait.png"></div>
<div><img id="circles-portrait-5" src="resources/circles-portrait.png"></div>