Source/assets/Arch.svg

<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
  <style>
    @keyframes growShrink {
      0%, 100% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.1);
      }
    }

    svg {
      animation: growShrink 2s ease-in-out infinite;
      transform-origin: center;
    }
  </style>

  <path fill="#84879a" d="M 290.751 375.448 C 292.233 368.625 293.005 361.682 293.183 354.739 C 293.598 337.65 290.216 321.688 284.222 308.988 C 278.883 297.536 271.406 288.812 262.683 284.363 L 301.598 176.46 C 312.278 198.475 324.99 225.083 342.91 259.381 C 356.736 285.964 373.411 317.356 393.823 355.391 C 381.065 347.678 364.568 340.794 341.604 334.801 C 375.013 351.95 391.449 367.853 407.174 380.017 L 439.336 439.534 C 379.937 405.236 333.772 383.876 290.809 375.448 L 290.751 375.448 Z">
    <animate attributeName="fill" values="#84879a; #d0abf3; #eec7c5; #b7bedd; #84879a" dur="6s" repeatCount="indefinite"/>
  </path>
  <path fill="#d0abf3" d="M 189.185 380.718 C 186.456 381.49 182.325 382.724 179.536 383.613 C 179.24 383.733 178.944 383.791 178.587 383.91 C 176.807 384.504 174.968 385.097 173.128 385.75 C 158.352 367.889 139.66 342.788 127.971 317.331 C 131.056 311.575 134.024 306.058 136.931 300.718 C 143.577 288.433 149.629 276.975 155.267 266.353 C 163.751 250.273 171.383 235.787 178.029 222.851 C 173.579 264.448 182.527 319.278 196.472 378.44 L 189.185 380.718 Z">
    <animate attributeName="fill" values="#d0abf3; #eec7c5; #b7bedd; #84879a; #d0abf3" dur="6s" repeatCount="indefinite"/>
  </path>
  <path fill="#eec7c5" d="M 302.131 177.409 L 263.697 284.897 C 260.256 283.175 256.619 282.084 252.88 281.788 C 229.144 279.771 209.028 309.439 208.079 348.01 L 208.079 349.969 C 207.96 358.988 209.028 367.711 210.869 375.722 C 203.273 377.146 195.589 378.932 187.755 381.127 C 173.811 321.907 173.425 264.639 177.874 223.1 C 185.944 207.138 192.828 193.254 198.882 180.674 C 211.579 191.235 228.373 201.501 253.118 211.649 C 230.153 195.567 215.971 181.326 204.46 169.103 C 223.27 128.81 233.476 101.692 250.388 60.274 C 269.081 104.244 280.117 131.836 302.131 177.409 Z">
    <animate attributeName="fill" values="#eec7c5; #b7bedd; #84879a; #d0abf3; #eec7c5" dur="6s" repeatCount="indefinite"/>
  </path>
  <path fill="#b7bedd" d="M 173.383 385.649 C 140.271 396.865 103.92 414.743 60.663 439.725 C 87.603 391.244 109.682 351 128.137 317 C 139.826 342.456 159.094 367.628 173.869 385.489 L 173.383 385.649 Z">
    <animate attributeName="fill" values="#b7bedd; #84879a; #d0abf3; #eec7c5; #b7bedd" dur="6s" repeatCount="indefinite"/>
  </path>
</svg>