Чтобы добиться одинакового наклона с правой и левой стороны для заданного блока, вы можете использовать свойство `transform: skew(...)`, но для этого необходимо изменить его на `skew` по оси X и Y одновременно. Таким образом, вы сможете контролировать наклон более точно.
Вот пример, как можно изменить ваш CSS код:
```css
.contribution__block {
max-width: 485px;
width: 100%;
height: 223px;
background-color: #D9D9D9;
border-radius: 25px;
transform: skew(-10deg, -10deg); /* Наклон по обеим осям */
/* Дополнительные стили для визуального выравнивания блока */
position: relative; /* Это может помочь с выравниванием внутри компоновки */
margin: 20px auto; /* Центрирование блока */
}
```
Также можно рассмотреть другие техники стилизации, такие как использование `clip-path` для создания интересных форм или добавление теней и градиентов, чтобы визуально подчеркнуть наклон. Вот пример с использованием `box-shadow`:
```css
.contribution__block {
max-width: 485px;
width: 100%;
height: 223px;
background-color: #D9D9D9;
border-radius: 25px;
transform: skew(-10deg, -10deg);
position: relative;
margin: 20px auto;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Добавление тени */
}
```
Таким образом, используя `skew` по обеим осям и добавляя дополнительные стили, вы сможете добиться необходимого эффекта. Не забудьте протестировать свой код в разных браузерах для кроссбраузерной совместимости.