[Nexus]

Вроде бы нашел решение.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<div class="background">
    <div class="container">
      <div class="row wrapper">
        <div class="col-3 sidebar"></div>
        <div class="col-9 content"></div>
      </div>
    </div>
</div>

<style>
    .wrapper {
        min-height: 130vh;
    }
    
    .background {
        position: relative;
    }

    .background:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 70%;
        left: 0;
        margin: auto;
        background: linear-gradient(247.24deg, rgba(127, 240, 255, 0.3) 0%, rgba(221, 19, 221, 0.3) 101.17%);
        z-index: -1;
    }

    .content {
        background: #FFF;
    }
</style>