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

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