javascript - replacing with image with color to make my application faster

Question

• I have a div with background-image property attached to it
• I wanted to replace the background image with css color
• I added the background-color but don't know how to make the rounded corner and make it to occupy only half of the container
• I am replacing with image with color to make my application faster

Can you tell me how to fix it?

Providing my code below. I am attaching the screenshot too

<span class="position-ind all-values">
    <div class="color-ind">--outer container
        <div class="all-values-light"/></div>--inner container
    </div>


.gen-position-green-row .all-values .all-values-light{
        /*background-image: url('../img/positionIndicator_glow.png');*/
        background-color: white;
        border: solid 1px;
      /* the border will curve into a 'D' */  
      border-radius: 10px 40px 40px 10px;
    }