<div class="wrapper">
  <div class="mask1">
    ЧЛЕНЫ И ПЕРСИКИ
  </div>
</div>


<svg width="400" height="200" viewBox="0 0 400 200" fill="none" xmlns="http://www.w3.org/2000/svg">
  <clipPath id="shape">
    <path d="M400 0H0V200H400V148.551C378.181 143.176 362 123.478 362 100C362 76.5223 378.181 56.824 400 51.4493V0Z" fill="#D9D9D9"/>
  </clipPath>
</svg>

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.wrapper {
  filter: drop-shadow(4px 0 4px rgba(0,0,0, 1));
}

.mask1 {
  position: relative;
  margin: 32px auto;

  display: flex;
  width: 400px;
  height: 200px;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 32px;
  font-family: sans-serif;


  background-color: tomato;
}

.mask1:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 0;
  width: 400px;
  height: 200px;
  -webkit-clip-path: url(#shape);
  clip-path: url(#shape);
  background-color: tomato;
}