<div class="svg-wrapper" style="position: relative; height: 0; width: 100%; padding-bottom: {{ ((255 / 240) * 100) }}%">
    <svg class="svg-person-mask" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
         viewBox="0 0 240 255" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <defs>
            <clipPath id="svg-person-clip-path-1">
                <path id="svg-person-mask-path-1"
                      d="M89.767 0C21.738 0 0 84.907 0 126.251 0 173.777 31.97 251 110.237 251 174.387 251 242 208.99 242 161.569 242 74.144 152.338 0 89.767 0"/>
            </clipPath>
            <clipPath id="svg-person-clip-path-2">
                <path id="svg-person-mask-path-2"
                      d="M135.27.029C203.383-1.761 239.989 80.31 240 122.035c.011 53.436-30.673 106.967-82.11 125.942-53.897 19.878-122.517-4.47-147.495-57.244C-28.347 108.87 47.398.029 135.27.029"/>
            </clipPath>
            <clipPath id="svg-person-clip-path-3">
                <path id="svg-person-mask-path-3"
                      d="M91.887 11.268c-.372.144-.742.285-1.109.428C4.776 45.356-33.652 154.532 36.1 216.47c30.298 26.905 77.28 40.193 120.005 38.365 21.672-.93 43.462-6.027 61.434-16.874 21.415-12.923 24.505-36.296 21.473-57.722-2.995-21.168-15.338-39.979-20.477-60.64-4.22-16.977-1.46-34.665 6.157-50.595 6.781-14.186 4.563-29.355-5.787-42.315-27.801-34.814-87.401-30.575-127.018-15.42"/>
            </clipPath>
            <clipPath id="svg-person-clip-path-4">
                <path id="svg-person-mask-path-4"
                      d="M61.482 83.997c-9.063 9.696-18.43 19.127-27.333 28.51-28.241 29.765-48.67 71.721-21.068 108.561 18.983 25.333 51.862 31.759 82.694 29.517 50.34-3.67 98.662-27.964 124.036-70.468 23.592-39.52 29.192-98.826 2.25-137.99-21.446-31.17-70.699-59.99-104.9-28.5-9.87 9.09-16.833 20.584-24.128 31.658-8.975 13.62-20.02 26.38-31.55 38.712"/>
            </clipPath>
        </defs>
        <use id="Background" height="100%" fill="{{$color}}" opacity="0.2" alignment-baseline="hanging"
             xlink:href="#svg-person-mask-path-{{$pathId}}"/>
        @if(!empty($img))
            <image height="100%" width="100%" xlink:href="{{$img}}" clip-path="url(#svg-person-clip-path-{{$pathId}})"/>
        @endif
    </svg>
</div>