I am trying to achieve the following design: 
<https://imgur.com/a/iXhOTfR>

My problem is that I don't want to use a png image as it is too large. Is there another way of achieving the cut image effect?

I am using a SVG file for the left blue part. This is what I achieved so far: <https://imgur.com/a/bZSjOUH>

Here is my HTML:

```
<section class="section">
    <div class="section-mask">
        SVG FILE
    </div>
    <div class="container-full">
        <div class="row">
            <div class="col-lg-6 column-text">
                <h2 class="title">
                    Section Title
                </h2>
                <div class="paragraph">
                    Section Content
                </div>
            </div>
            <div class="col-lg-6 column">
                Section Widget
            </div>
        </div>
    </div>
</section>

```