title: SCSS media query aspect ratio not working
body: <p>im new to SCSS and im trying to maintain good quality of cover image of my site.
  Anyways, the css is working good, meanwhile the scss is not.</p>
  
  <p>SCSS</p>
  
  <pre><code>#page-login-index {
  @media screen and (min-aspect-ratio: 5/4) {
      background-color: red;
  }}
  </code></pre>
  
  <p>CSS </p>
  
  <pre><code>@media screen and (min-aspect-ratio: 5/4) {
  #page-login-index {
  background-color: red;
  }}
  </code></pre>
  
  <p>I need to do that in SCSS, since im loading some things from PHP. I've noticed that <em>aspect-ratio</em> and <em>device-aspect-ratio</em> is not working while <em>min-height</em> is working fine.</p>