Для создания скругленного выреза в квадратном блоке и избежания острых углов можно использовать CSS свойства border-radius и overflow.
Пример кода для создания скругленного выреза в квадратном блоке:
```css
.square {
width: 200px;
height: 200px;
background-color: #ccc;
border-radius: 50%;
overflow: hidden;
}
```
Чтобы настроить радиусы для отступов у трех белых блоков по бокам на первом скриншоте, можно использовать CSS свойство border-radius с различными значениями радиусов для каждого блока. Например:
```css
.block {
background-color: white;
border-radius: 0 10px 10px 0; /* радиус для левого блока */
}
.middle-block {
background-color: white;
border-radius: 0; /* радиус для центрального блока */
}
.right-block {
background-color: white;
border-radius: 10px 0 0 10px; /* радиус для правого блока */
}
```
Таким образом, каждый блок будет иметь свой радиус отступов, чтобы создать желаемый эффект на странице.