<svg>
  <g id="colors">
    <gradientRect width="100%" height="65%"
      gradient-type="linear"
      gradient-x1="0" gradient-y1="0"
      gradient-x2="0" gradient-y2="100%"
      gradient-color1="#0000ff" gradient-color2="#ff6808" />
    <gradientRect width="100%" height="35%" y="65%"
      gradient-type="linear"
      gradient-x1="0" gradient-y1="0"
      gradient-x2="0" gradient-y2="100%"
      gradient-color1="#ff6808" gradient-color2="#ff00ff" />
    <animate attributeName="opacity" begin="enable" from="0" to="1" dur="4" final="freeze" />
    <animate attributeName="opacity" begin="disable" from="1" to="0" dur="0.15" final="freeze" />
  </g>
  <image width="100%" height="100%" href="img/bg.png" fill="black" id="bg" />
  <image width="100%" height="100%" href="" fill="white" id="d1" class="digit">
    <animate attributeName="opacity" begin="enable" from="0" to="1" dur="0.05" final="freeze" />
    <animate attributeName="opacity" begin="disable" from="1" to="0" dur="0.15" final="freeze" />
  </image>
  <image width="100%" height="100%" href="" fill="white" id="d2" class="digit">
    <animate attributeName="opacity" begin="enable" from="0" to="1" dur="0.05" final="freeze" />
    <animate attributeName="opacity" begin="disable" from="1" to="0" dur="0.15" final="freeze" />
  </image>
  <image width="100%" height="100%" href="" fill="white" id="d3" class="digit">
    <animate attributeName="opacity" begin="enable" from="0" to="1" dur="0.05" final="freeze" />
    <animate attributeName="opacity" begin="disable" from="1" to="0" dur="0.15" final="freeze" />
  </image>
  <image width="100%" height="100%" href="" fill="white" id="d4" class="digit">
    <animate attributeName="opacity" begin="enable" from="0" to="1" dur="0.05" final="freeze" />
    <animate attributeName="opacity" begin="disable" from="1" to="0" dur="0.15" final="freeze" />
  </image>
  <image width="100%" height="100%" href="img/dots.png" fill="white" id="dots">
    <animate attributeName="opacity" begin="enable" from="0" to="1" dur="0.05" final="freeze" />
    <animate attributeName="opacity" begin="disable" from="1" to="0" dur="0.15" final="freeze" />
  </image>
</svg>