title: Twitter:image meta tag not showing image for its Twitter card
body: <pre><code>&lt;meta name="twitter:card" content="summary"&gt;
  &lt;meta property="twitter:title" content="Website's title"&gt;
  &lt;meta property="twitter:description" content="Lorem ipsum dol sor em convectur"&gt;
  &lt;meta property="twitter:image" content="styles/assetsOptimized/ourStory/StoreFront.jpeg"&gt;
  &lt;meta property="twitter:url" content="https://website.com/"&gt;
  </code></pre>
  
  <p>Twitter card validation shows as follows: 
  <a href="https://i.stack.imgur.com/Xnq9Q.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Xnq9Q.jpg" alt="enter image description here"></a></p>
  
  <p>Everything shows in the card except the image.</p>
  
  <p>I have tried:</p>
  
  <pre><code>&lt;meta property="twitter:image" content="https://styles/assetsOptimized/ourStory/StoreFront.jpeg"&gt;
  </code></pre>
  
  <p>These are the Open Graph Meta tags that work for Facebook, placed above the twitter tags(referencing the 11 meta tags found in the twitter validation - <code>viewport, http-equiv</code>:</p>
  
  <pre><code>&lt;meta property="og:title" content="Website's title"&gt;
  &lt;meta property="og:description" content="Lorem ipsum dol sor em convectur"&gt;
  &lt;meta property="og:image" content="styles/assetsOptimized/ourStory/ourStoryStoreFront.jpeg"&gt;
  &lt;meta property="og:url" content="https://website.com/"&gt;
  </code></pre>