Flexbox блок с скролом

Я хочу чтобы у меня был блок в котором когда елементов больше чем ширина контейнера создавался скрол.
Но если я добавляю display flex то когда елементов больше чем ширина контейнера элементы сужаються.

div id="works">
div class="container">
div class="works__block">
div class="block">
div class="block">
div class="block">
div class="block">
div class="block">
div class="block">
div class="block">
div class="block">
div class="block">
/div>
/div>
/div>

#works{
padding: 125px 0;
}
.works__block{
display: flex;
overflow-x: auto;
}
.block{
display: block;
width: 233px;
height: 250px;
background-color: #43455B;
margin-right: 66px;
}
.block:last-child{margin-right: 0;}

+ .container{
margin: 0 auto;
max-width: 100%;
margin-left: 98px;
margin-right: 98px;
}