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="481.401"
        y2="30.599"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#1aa8dc" />
        <stop offset=".42" stop-color="#ae3b89" />
        <stop offset="1" stop-color="#f26270" />
    </linearGradient>
    <g fill-rule="evenodd">
        <path
            fill="url(#a)"
            d="M256 512C115 512 0 397 0 256S115 0 256 0s256 115 256 256-115 256-256 256zm0-87c-93 0-169-76-169-169S163 87 256 87s169 76 169 169-76 169-169 169zm0-324c-85 0-155 70-155 155s70 155 155 155 155-70 155-155-70-155-155-155zm-26 131v-72c-33 9-59 34-69 67l50 22 9 4c1-8 5-16 10-21zm26-90c64 0 115 51 115 114 0 52-32 96-85 110-1 1-2 1-3 2h-1c-8 2-17 3-26 3-63 0-114-52-114-115 0-65 51-114 114-114zm-11 15v65c3-1 7-2 11-2 3 0 6 1 9 1l16-10 44-27c-18-17-42-28-69-28-4 0-8 1-11 1zm90 38-56 34c5 4 9 9 11 15l18 10 46 23c1-7 2-14 2-21 0-23-8-44-21-61zm14 97-48-25-9-5c-1 6-4 12-8 17l2 20 3 51c28-9 50-31 60-58zm-74 62-4-54-1-11c-4 2-9 3-14 3h-5l-16 11-42 30c17 14 39 23 63 23 6 0 13-1 19-2zm-93-31 53-38c-5-4-10-9-12-15l-18-8-47-21c-1 5-2 10-2 15 0 26 10 49 26 67zm61-84-2 2c-4 3-6 9-6 15v5c1 1 1 2 1 3 3 6 7 11 14 13h3c1 1 2 1 3 1 12 0 22-10 22-22 0-1 0-2-1-3v-3c-2-6-7-11-13-14-1 0-2 0-3-1h-5c-5 0-10 1-13 4z"
        />
    </g>
</svg>