<svg x="1000px" y="500px" viewBox="0 0 1000 500" xml:space="preserve">
  
  <g>
    <rect x="0" y="0" width="1000" height="50" fill="#bde6f9"/>
    <rect x="0" y="50" width="1000" height="50" fill="#634500"/>
    <rect x="0" y="100" width="1000" height="100" fill="#bc7a0c"/> 
    <rect x="0" y="200" width="1000" height="230" fill="#282828"/>
    <rect x="0" y="210" width="1000" height="10" fill="#b79400"/>
    <rect x="0" y="410" width="1000" height="10" fill="#b79400"/>
  </g>
  <g class="rayas">
    <rect x="0" y="300" width="100" height="10" />
    <rect x="160" y="300" width="100" height="10" />
    <rect x="300" y="300" width="100" height="10" />
    <rect x="460" y="300" width="100" height="10" />
    <rect x="620" y="300" width="100" height="10" />
    <rect x="780" y="300" width="100" height="10" />
    <rect x="940" y="300" width="100" height="10" />
    <rect x="1100" y="300" width="100" height="10" />
    <rect x="1260" y="300" width="100" height="10" />
    <rect x="1320" y="300" width="100" height="10" />
    <rect x="1480" y="300" width="100" height="10" />
    <rect x="1640" y="300" width="100" height="10" />
    <rect x="1800" y="300" width="100" height="10" />
    <rect x="1960" y="300" width="100" height="10" />
    <rect x="2120" y="300" width="100" height="10" />
    <rect x="2280" y="300" width="100" height="10" />
    <rect x="2440" y="300" width="100" height="10" />
    <rect x="2600" y="300" width="100" height="10" />
    <rect x="2760" y="300" width="100" height="10" />
  </g>
  
  <g>
   <path  x="0" y="200" class="cactus" d="M164.2,437.2s32.5,17,66.5,0c0,0,15.1-211.4,17-260.5s7.6-154.8-52.9-154.8-66.1,79.3-51,179.3S164.2,437.2,164.2,437.2Z"/>
        <path class="cactus" d="M227.7,283.6h0l.7.4,1.7.8,3.7,1.6a48.5,48.5,0,0,0,7.9,2.2,44.9,44.9,0,0,0,15.8.2,50.1,50.1,0,0,0,15.2-5.3,64.3,64.3,0,0,0,7.4-4.6,50.4,50.4,0,0,0,6.7-5.6c8.1-7.9,13.6-18,17-29.6a94.9,94.9,0,0,0,3.3-18.2c.3-3.1.4-6.3.4-9.4,0-1.5-.1-3.1-.2-4.5s-.1-1.4-.2-2.1v-1.3h0v.2a33.2,33.2,0,1,1,66.2-4.8v5c0,1.4-.1,2.7-.2,4.1s-.4,5.2-.7,7.8c-.6,5.1-1.4,10.1-2.4,15.1a156.3,156.3,0,0,1-9.2,29.4,132.4,132.4,0,0,1-15.8,27.6,118,118,0,0,1-22.7,23,134.6,134.6,0,0,1-13.3,8.9,117.1,117.1,0,0,1-14.2,7.2,101.8,101.8,0,0,1-32.1,7.9,95.2,95.2,0,0,1-33.1-3.4,97.1,97.1,0,0,1-15.4-5.8c-2.5-1.2-4.9-2.5-7.3-3.9l-3.7-2.3-1.9-1.3-1-.7L199,321a23.6,23.6,0,0,1,28.7-37.4Z"/>
        <path class="cactus" d="M192.4,236.7l-1.4,1.1-1,.7-1.8,1.2-3.5,2.2c-2.3,1.4-4.6,2.6-6.9,3.8a97.3,97.3,0,0,1-14.5,5.7,95.4,95.4,0,0,1-31.2,4.1,99.7,99.7,0,0,1-30.8-6.2A112.9,112.9,0,0,1,87.3,243l-6.5-3.7-6.3-4a116.6,116.6,0,0,1-23.1-20.2,113.3,113.3,0,0,1-17.3-26.4,121,121,0,0,1-9.5-29.9,126.2,126.2,0,0,1-1.8-15.6c-.1-2.6-.2-5.3-.2-8.1s.1-2.8.2-4.2.1-1.5.2-2.3v-3.2a33.2,33.2,0,1,1,65.4,11.7v-.4a.6.6,0,0,0,0-.1h0v.2l-.2.6-.3,1.6c-.2,1.1-.3,2.4-.5,3.6a61.7,61.7,0,0,0-.2,7.7A59.5,59.5,0,0,0,90,165.5a55.4,55.4,0,0,0,17,25.8l1.6,1.4,1.7,1.3,3.5,2.4a60.5,60.5,0,0,0,7.1,4,48.1,48.1,0,0,0,14.5,4.3,45.2,45.2,0,0,0,15-.6,48.7,48.7,0,0,0,7.5-2.2l3.5-1.5,1.6-.8.6-.3h0a23.6,23.6,0,0,1,28.7,37.4Z"/>
      </g>
      <g>
        <path class="cactus" d="M57,107.9c1-10.2,6.1-19.7,6-30.1"/>
        <path class="cactus" d="M47.3,107.9c-3.5-9.7-7.3-20.7-12-30.1"/>
        <path class="cactus" d="M87.1,136.8c8.2-6.3,16.8-13.1,24.1-20.5"/>
        <path class="cactus" d="M81,153.6c8.8-.6,16.6,3.4,25.3,3.6"/>
        <path class="cactus" d="M29.3,160.9c-10.3-2.8-19.9-9-27.7-15.7"/>
        <path class="cactus" d="M34.1,168.1a182,182,0,0,0-21.7,13.2"/>
        <path class="cactus" d="M77.4,233.1c-7.9,3.9-13.5,11-22.9,12"/>
        <line class="cactus" x1="83.5" y1="241.6" x2="83.5" y2="268.1"/>
        <path class="cactus" d="M156.9,57.3C149.1,51.6,139,45.6,131.6,38"/>
        <path class="cactus" d="M159.3,45.3c2.4-8.1-5.8-20.4-8.4-28.9"/>
        <path class="cactus" d="M214.7,35.6c0-11.2-2-24.6,1.2-34.9"/>
        <path class="cactus" d="M221.9,39.2c6.6-5.1,13.4-14.5,18.1-21.7"/>
        <path class="cactus" d="M240,110.3c13.5-5.1,22.9-20,32.5-30.1"/>
        <path class="cactus" d="M236.4,118.7c11.8-.1,30.5-5.2,40.9-1.2"/>
        <path class="cactus" d="M241.2,195.8c11.1-1,21.5-7.3,28.9-15.7"/>
        <path class="cactus" d="M235.2,212.7c9.7,3.5,18.3,10,27.7,14.5"/>
        <path class="cactus" d="M336.3,176.5c-10.8-3.4-16.4-16.7-21.7-25.3"/>
        <path class="cactus" d="M341.2,176.5c-.6-8.6,4.6-15.6,4.8-24.1"/>
        <path class="cactus" d="M365.3,207.8c9.3.9,21.5-13.5,30.1-18.1"/>
        <path class="cactus" d="M364,218.7c10.5,3.1,24.7,9.3,34.9,14.5"/>
        <path class="cactus" d="M344.8,277.7c4.6,9.7,8.2,20.5,14.5,28.9"/>
        <path class="cactus" d="M349.6,271.7c9.2,3.2,27.3,10.8,33.7,18.1"/>
        <path class="cactus" d="M166.5,327.1c-7.9-8.5-18.3-16-27.7-22.9"/>
        <path class="cactus" d="M164.1,331.9c-9.5,2.9-16.3,13.4-25.3,18.1"/>
      </g>   
      <g>
        <path class="cactus2" d="M117.9,218.6s-16.2,8.5-33.2,0c0,0-7.5-105.7-8.5-130.2s-3.8-77.4,26.4-77.4,33,39.6,25.5,89.7S117.9,218.6,117.9,218.6Z"/>
        <path class="cactus2" d="M100.5,160.5l-.7.5-.5.4-1,.7-1.8,1.1-3.7,1.9a48.6,48.6,0,0,1-7.7,2.9,47.4,47.4,0,0,1-16.5,1.7,50.7,50.7,0,0,1-16-3.9L49,164.1l-3.5-1.9-3.3-2.1L40.5,159l-1.6-1.2a58.3,58.3,0,0,1-11.4-11.5,65.9,65.9,0,0,1-7.9-13.8A78.2,78.2,0,0,1,15,117.8c-.5-2.5-.9-5-1.2-7.6s-.3-2.6-.3-3.9-.1-1.3-.1-2v-1.1c0-.4,0-.7,0-1.4a16.6,16.6,0,1,1,33.1,2.4c0-.3,0,0,0,.1v1.5c0,.7-.1,1.5-.1,2.3s.1,3.1.2,4.7a47.5,47.5,0,0,0,1.7,9.1,33.2,33.2,0,0,0,8.5,14.8,29.6,29.6,0,0,0,7,5.1,24.8,24.8,0,0,0,7.6,2.6,22.3,22.3,0,0,0,7.9-.1,24.3,24.3,0,0,0,4-1.1l1.9-.8.8-.4.3-.2h0a11.8,11.8,0,1,1,14.4,18.7Z"/>
        <path class="cactus2" d="M118.2,99.6h0l.3.2.8.4,1.7.8a25,25,0,0,0,3.7,1.1,23,23,0,0,0,7.5.3l3.7-.8a28.3,28.3,0,0,0,3.6-1.4,30.3,30.3,0,0,0,3.5-2l1.7-1.2.9-.6.8-.7A27.7,27.7,0,0,0,155,82.7a30,30,0,0,0,1.3-7.6,30.6,30.6,0,0,0-.1-3.9c-.1-.6-.1-1.2-.2-1.8l-.2-.8v-.3h0v.2a16.6,16.6,0,0,1,32.7-5.8v2.7c0,.7.1,1.4.1,2.1s0,2.7-.1,4a62.9,62.9,0,0,1-.9,7.8,60.8,60.8,0,0,1-4.8,15,56.9,56.9,0,0,1-20.2,23.3,63,63,0,0,1-13.3,7,54,54,0,0,1-7.5,2.2,51.8,51.8,0,0,1-7.9.9,48.1,48.1,0,0,1-15.6-2,49.2,49.2,0,0,1-7.2-2.8l-3.5-1.9-1.7-1.1-.9-.6-.5-.4-.7-.5a11.8,11.8,0,1,1,14.4-18.7Z"/>
      </g>
      <g>
        <path class="cactus2" d="M171.5,53.9c-.5-5.1-3-9.8-3-15.1"/>
        <path class="cactus2" d="M176.3,53.9a142.2,142.2,0,0,1,6-15.1"/>
        <path class="cactus2" d="M156.5,68.4a115.4,115.4,0,0,1-12-10.2"/>
        <path class="cactus2" d="M159.5,76.8c-4.4-.3-8.3,1.7-12.6,1.8"/>
        <path class="cactus2" d="M185.4,80.4c5.1-1.4,10-4.5,13.8-7.8"/>
        <path class="cactus2" d="M183,84a91,91,0,0,1,10.8,6.6"/>
        <path class="cactus2" d="M161.3,116.6c4,2,6.8,5.5,11.4,6"/>
        <line class="cactus2" x1="158.3" y1="120.8" x2="158.3" y2="134"/>
        <path class="cactus2" d="M121.6,28.6c3.9-2.8,9-5.8,12.6-9.6"/>
        <path class="cactus2" d="M120.4,22.6c-1.2-4,2.9-10.2,4.2-14.4"/>
        <path class="cactus2" d="M92.7,17.8c0-5.6,1-12.3-.6-17.5"/>
        <path class="cactus2" d="M89,19.6c-3.3-2.6-6.7-7.3-9-10.8"/>
        <path class="cactus2" d="M80,55.1c-6.8-2.6-11.4-10-16.3-15.1"/>
        <path class="cactus2" d="M81.8,59.4c-5.9,0-15.2-2.6-20.5-.6"/>
        <path class="cactus2" d="M79.4,97.9c-5.6-.5-10.8-3.6-14.4-7.8"/>
        <path class="cactus2" d="M82.4,106.3c-4.9,1.7-9.1,5-13.8,7.2"/>
        <path class="cactus2" d="M31.8,88.3c5.4-1.7,8.2-8.3,10.8-12.6"/>
        <path class="cactus2" d="M29.4,88.3c.3-4.3-2.3-7.8-2.4-12"/>
        <path class="cactus2" d="M17.4,103.9c-4.6.5-10.7-6.8-15.1-9"/>
        <path class="cactus2" d="M18,109.3A119.1,119.1,0,0,0,.5,116.6"/>
        <path class="cactus2" d="M27.6,138.8c-2.3,4.8-4.1,10.2-7.2,14.4"/>
        <path class="cactus2" d="M25.2,135.8c-4.6,1.6-13.7,5.4-16.9,9"/>
        <path class="cactus2" d="M116.7,163.5c3.9-4.2,9.2-8,13.8-11.4"/>
        <path class="cactus2" d="M117.9,165.9c4.7,1.4,8.1,6.7,12.6,9"/>
      </g>
  
</svg>
.cactus{  
  transform: translateX(800px) scale(0.40);
  animation: animacionArbol 3s linear infinite;
  fill: #282828;  
  stroke: #282828;
  stroke-miterlimit: 10;
  stroke-width: 4.82px;
}

@keyframes animacionArbol{
  to{
    transform: translateX(0px) scale(0.40);
  }
}

.cactus2{  
  transform: translateX(500px) scale(0.40);
  animation: animacionCactus 4s linear infinite;
  fill: #282828;  
  stroke: #282828;
  stroke-miterlimit: 10;
  stroke-width: 4.82px;
}

@keyframes animacionCactus{
  to{
    transform: translateX(250px) scale(0.40);
  }
}


.rayas{
  transform: translateX(-10px) scale(1);
  animation: animacionRayas 2s linear infinite;
  fill:#b79400;
  
}


@keyframes animacionRayas{
  to{
    transform: translateX(-2000px) scale(1);
  }
}




External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.