Make background round But border-radius not expected output

Question

I tried border-radius and linear-gradient properties of CSS but I don't get expected out as per the attached screenshot. border-radius property round corners higher than expected. Can anyone help to get desired output or which CSS property is supposed to be used?