title: How to apply aspect-ratio media query
body: <p>I am trying to modify the size of my images based on their initial aspect-ratio. For this purpose i created 2 media on the aspect-ratio but for some reasons only the first @media applies to all images regardless of the aspect-ratio of each image.</p>
  <pre><code>@media (min-aspect-ratio: 3/4) {
            .Visible {
      
              max-width: calc(60% - 400px);
              height: auto;
            }
           
      
          }
      
  @media (aspect-ratio: 4/3) {
           .Visible {
      
              max-width: calc(60% - 80px);
              height: auto;
            }
          }
  </code></pre>
  <p>I tried different combinations but still not getting the desired result. Any suggestions?</p>