I'm designing a hero section using the shape blocks to create a pattern. These shapes are rectangles with a corner radius to make them into a pill shape. I'm trying to make it look like the top two shapes are behind the site header by setting the top left/right corners to 0px radius (essentially making two half circles). Although when I do this, the stroke is no longer a uniform width. Does anyone know why this is happening and how I can fix it? Would it make more sense to use custom css or upload a png image block?