Depth Of Field

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256.001"
        x2="256.001"
        y1="-.137"
        y2="512.137"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5cc6d0" />
        <stop offset=".49" stop-color="#a53692" />
        <stop offset="1" stop-color="#f06277" />
    </linearGradient>
    <g fill-rule="evenodd">
        <path
            fill="url(#a)"
            d="M256 425c-93 0-169-76-169-169S163 87 256 87s169 76 169 169-76 169-169 169zm0 87C115 512 0 397 0 256S115 0 256 0s256 115 256 256-115 256-256 256zm0-498C123 14 14 123 14 256s109 242 242 242 242-109 242-242S389 14 256 14zm-33 256-65-29c-5 31 5 60 24 82l53-38c-5-4-10-9-12-15zm-78-41c14-51 57-87 111-87 32 0 66 14 86 39 19 22 29 46 29 75 0 12-2 22-6 34-11 37-41 66-79 76-5 3-24 5-30 5-72 0-130-71-111-142zm16-2 59 26c1-8 5-16 10-21v-72c-33 9-59 34-69 67zm75 35c2 9 11 16 20 16 14 0 24-13 21-27-4-16-22-21-36-10-5 4-8 14-5 21zm15 30-58 41c22 19 52 27 82 21l-5-65c-6 3-13 4-19 3zm33-13 5 71c28-9 50-31 60-58l-57-30c-1 6-4 12-8 17zm6-35 64 33c6-29-1-59-19-82l-56 34c5 4 9 9 11 15zm-25-23 60-37c-21-20-50-30-80-27v65c6-2 13-2 20-1zm-9-120c-85 0-155 70-155 155s70 155 155 155 155-70 155-155-70-155-155-155z"
        />
    </g>
</svg>