<svg width="100" height="100" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <style>
    circle {
      fill: red;
    }
    @media (min-width: 1px) {
      circle {
        fill: green;
      }
    }
    @media (min-width: 100px) {
      circle {
        fill: blue;
      }
    }
  </style>
  <circle cx="50" cy="50" r="50"/>
</svg>

SVG containing <image width="50" height="50">

SVG containing <image width="100" height="100">

<img width="50" height="50">

<img width="100" height="100">

<iframe width="50" height="50">

<iframe width="100" height="100">