Different results on border/border-radius on Firefox vs Chromium

Question

I am using the following CSS to generate very simple 2d river shapes:

.river-left {
  width: 100px;
  height: 50px;
  border: solid 20px rgb(0, 140, 255);
  b