/* Long Landscape */
@media (min-aspect-ratio: 1.65) {
    /* styles for 'll' screen */
    
  }
  
  /* Short Landscape */
  @media (max-aspect-ratio: 1.65) and (min-aspect-ratio: 1) {
    /* styles for 'sl' screen */
  }
  
  /* Long Portrait */
  @media (min-aspect-ratio: 0.65) and (max-aspect-ratio: 1) {
    /* styles for 'lp' screen */
  }
  
  /* Short Portrait */
  @media (max-aspect-ratio: 0.65) {
    /* styles for 'sp' screen */
  }
  
  /* Square (1:1 ratio) */
  @media (aspect-ratio: 1/1) {
    /* styles for 'sq' screen */
  }