<div class="main relative">
<div class="main__bg">
</div>
<img class="main__image-mask" src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=753&q=80">
<svg xmlns="http://www.w3.org/2000/svg" style="position: absolute; width: 0; height: 0; pointer-events: none; z-index: -9999;" aria-hidden="true">
<defs>
<clipPath id="myClip" clipPathUnits="objectBoundingBox">
<path d="M.98266.57291a.03652.03652,0,0,1-.01875-.006A.11937.11937,0,0,1,.93053.52118C.92191.50417.91347.48368.90455.462.89342.435.88192.40709.86792.38006A.25023.25023,0,0,0,.81724.30972.10973.10973,0,0,0,.74249.27825H.74194A.10373.10373,0,0,0,.68259.29714a.237.237,0,0,0-.0702.09012C.6.4122.58955.43754.57945.462.56964.48582.56037.50826.551.526A.13392.13392,0,0,1,.52572.56237a.03781.03781,0,0,1-.02719.011A.03657.03657,0,0,1,.47718.56686.11955.11955,0,0,1,.44383.52118C.4352.50417.42678.48371.41785.462.40673.435.39523.40708.38122.38006A.25027.25027,0,0,0,.33055.30972.10971.10971,0,0,0,.25578.27825.10414.10414,0,0,0,.19589.29714.23706.23706,0,0,0,.1257.38726C.1133.4122.10285.43754.09274.462.08294.48582.07367.50826.06428.526A.13414.13414,0,0,1,.039.56237.03774.03774,0,0,1,.01679.57285L0,.5749V.72176L.01889.72049A.10437.10437,0,0,0,.07135.70214.23714.23714,0,0,0,.14155.612C.15394.58707.16439.56174.1745.53721.18432.51346.19357.491.203.47324A.13507.13507,0,0,1,.22822.43687a.038.038,0,0,1,.02719-.011A.03672.03672,0,0,1,.27677.4324.11912.11912,0,0,1,.31013.4781c.00863.017.01706.03749.026.05917.01112.027.02261.05491.03662.08193A.25047.25047,0,0,0,.42341.68954.10978.10978,0,0,0,.49817.721.10406.10406,0,0,0,.55806.70214.23731.23731,0,0,0,.62825.612C.64065.587.65109.56171.6612.53721.671.51343.68027.491.68965.47324A.13485.13485,0,0,1,.71492.43687.038.038,0,0,1,.7421.42583.03668.03668,0,0,1,.76346.43241.119.119,0,0,1,.79682.4781c.00864.017.01706.03747.026.05917.01112.027.02261.05491.03663.08193A.25033.25033,0,0,0,.91013.68954a.11062.11062,0,0,0,.07134.0311L1,.7213V.57412Z" />
</clipPath>
</defs>
</svg>
</div>
.main {
background-color: #20495b;
}
.main__image-mask {
display: block;
width: 100%;
clip-path: url('#myClip');
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.