.curved-banner {
  width: 100%;
  overflow: hidden;
  position: relative;

  .curved-banner-content {
    width: 220%;
    position: relative;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    height: 300px;
    margin-left: -60%;
    overflow: hidden;
    background-position: center;
    background-size: 46%;
    background-repeat: no-repeat;
    content: '';
  }
}