RFR: Replace affects_versions.png with SVG

[Alexey Ivanov]

Replace `affects_versions.png` with Scalable Vector Graphics (SVG) image.

<details>
<summary>PNG vs SVG</summary>

**PNG:**\
![affects_versions.png](https://github.com/openjdk/guide/blob/be88a6debcb0dfb7f8fb0e8f3e95ff35950ca9c4/src/images/affects_versions.png?raw=true)

**SVG:**\
![affects_versions.svg](https://raw.githubusercontent.com/aivanov-jdk/dev-guide/bc65ea67251cc68360fc746a77200d8c93fd78b5/src/images/affects_versions.svg)
</details>

SVG is crisper, especially on High DPI monitors, its size is much smaller (1.04 KB vs 26.24 KB), it's easier to edit and the edit history is preserved.

-------------

Commit messages:
 - Replace affects_versions.png with SVG

Changes: https://git.openjdk.org/guide/pull/147/files
  Webrev: https://webrevs.openjdk.org/?repo=guide&pr=147&range=00
  Stats: 157 lines in 3 files changed: 156 ins; 0 del; 1 mod
  Patch: https://git.openjdk.org/guide/pull/147.diff
  Fetch: git fetch https://git.openjdk.org/guide.git pull/147/head:pull/147

PR: https://git.openjdk.org/guide/pull/147