<div class="overlay-hexagon-holder">
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 442 818">
        <defs>
            <style>
                .cls-10{isolation:isolate;}.cls-20{opacity:0.1;mix-blend-mode:multiply;}.cls-30{fill:#424242;}.cls-40{fill:url(#linear-gradient);}
            </style>
            <linearGradient id="linear-gradient" x1="9.01" y1="638.87" x2="432.52" y2="638.87"
                            gradientUnits="userSpaceOnUse">
                <stop offset="0" stop-color="#ff6f00"/>
                <stop offset="1" stop-color="#ff8f00"/>
            </linearGradient>
        </defs>
        <title>overlay-hexagon</title>
        <g class="cls-10">
            <g id="Layer_2" data-name="Layer 2">
                <g id="Main">
                    <image class="cls-20"/>
                    <polygon class="cls-30"
                             points="432.52 122.92 220.76 6.71 9.01 122.92 9.01 689.32 218.21 805.64 432.52 689.32 432.52 122.92"/>
                    <polygon class="cls-40"
                             points="9.01 588.63 9.01 689.11 218.21 805.64 432.52 689.11 432.52 588.63 220.76 472.11 9.01 588.63"/>
                </g>
            </g>
        </g>
    </svg>
</div>