JSFiddle - React, Tailwind, and code Playground

HTML

<div class="maboite">
    
        ma joliiiieee 
        <br><br><br><br><br><br>
        <br>
        boitboite
   
</div>

<br><br>

<div class="maboite">
    
        ma joliiiieee 
        <br><br><br><br>
        boitboite
    
</div>

CSS

body { background:pink;}

.maboite {
    margin-left:40px;
    position:relative;
    background:#40b527;
    border-radius:0 10px 10px 0;
    width:150px;
}
.maboite:before {
    position:absolute; top:0; bottom:0;
    width:40px;
    left:-40px;
    content:" ";
    height:100%;
    background:url('http://hfr-rehost.net/http://self/pic/6de1ded3e112545061e0a8cf7fc71cb9b1394c39.png') no-repeat left center;   
    border-radius:10px 0 0 10px;
}