title: Why media queries don't work for mobile corectly?
body: <p>У меня есть следующий код</p>
  <pre><code>.bg-if-premium {
      background-image: url(photo_2021-05-22_20-40-40.jpg);
      background-size: 100% 100% !important;
      background-position: fixed;
      background-attachment: fixed;
  }
  
  .bg-if-free {
      background-image: url(photo_2021-04-16_16-43-00.jpg);
      background-size: 100% 100%;
      background-position: fixed;
      background-attachment: fixed;
  }
  
  @media (max-width: 767px) {
      .bg-if-premium .bg-if-free {
          background-image: none; 
      }
  }
  
  @media (max-width: 480px) {
      .bg-if-premium .bg-if-free {
          background-image: none; 
      }
  }
  </code></pre>
  <p>But on a mobile device, the background is still present. How to solve the problem?</p>