title: How to set relative size of images inside a markdown table
body: <p>I want to make the images inside the markdown <strong>table</strong> to have the same size. However, the image assets that I have are of different sizes. Thus I want to make a relative image size inside the cell of the table.</p>
  
  <p>How can I make <code>Fig 2</code> to look like <code>Fig 1</code> without actually changing the size of image assets?</p>
  
  <pre><code>|     |     |     |     |     |
  | :-: | :-: | :-: | :-: | :-: |
  |     |     |     |     |     |
  | 180 | 182 | 240 | 250 | 250 |
  | &lt;img src="assets/textbooks/180.jpg" width="100%"&gt; | &lt;img src="assets/textbooks/182.jpg" width="100%"&gt; | &lt;img src="assets/textbooks/240.jpg" width="100%"&gt; | &lt;img src="assets/textbooks/250-1.jpg" width="100%"&gt; | &lt;img src="assets/textbooks/250-2.jpg" width="100%"&gt; |
  </code></pre>
  
  <h3>Fig 1. Intended</h3>
  
  <p>(Same code but the actual image assets have the same size)</p>
  
  <blockquote>
    <p><a href="https://i.stack.imgur.com/wky12.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wky12.png" alt="enter image description here"></a></p>
  </blockquote>
  
  <h3>Fig 2. Current Output</h3>
  
  <p>(What I curretly have)</p>
  
  <blockquote>
    <p><a href="https://i.stack.imgur.com/fV1BN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fV1BN.png" alt="enter image description here"></a></p>
  </blockquote>