برای این کار می توانید از ویژگی border-radius استفاده کنید. فرض کنید یک المان html با کلاس bg-border-radius دارید:

.bg-border-radius {
  margin: -400px auto 0;
  width: 1000px;
  height: 800px;
  overflow: hidden;
  border-radius: 0 0 70% 70%;
  background-color: #0080C1;
}

با تغییر هر 4 مقدار این ویژگی، می توانید میزان انحنا در 4 گوشه تصویر را تغییر دهید.