Possivel solução caso seu problema seja o overflow da div mesmo com o elemento pai estando com um tamanho fixado, oque acontece com imagens se voce nao definir o overlfow desse elemento pai :
.elemento_pai {
margin: 0 auto;
width: 500px;
overflow: scroll;
}
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
text-decoration: none;
list-style: none;
outline: none;
font-family: 'system-ui', 'sans-serif';
font-weight: 300;
transition: .3s linear 0s all;
}
h6 {
font-weight: 600;
}
h5, h4 {
font-weight: 500;
}
.imgs {
display: flex;
align-items: center;
height: auto;
max-width: 100%;
justify-content: center;
}
.elemento_pai {
margin: 0 auto;
width: 500px;
overflow: scroll;
}
.parceiros img{
width: 5vw;
margin: 1rem;
}
</style>
</head>
<body>
<div class="parceiros elemento_pai">
<div class="imgs">
<img src="https://images.pexels.com/photos/2527491/pexels-photo-2527491.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/2119953/pexels-photo-2119953.png?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1870320/pexels-photo-1870320.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1441597/pexels-photo-1441597.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1485968/pexels-photo-1485968.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1447884/pexels-photo-1447884.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1499344/pexels-photo-1499344.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1521304/pexels-photo-1521304.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/2527491/pexels-photo-2527491.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/2119953/pexels-photo-2119953.png?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1870320/pexels-photo-1870320.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1441597/pexels-photo-1441597.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1485968/pexels-photo-1485968.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1447884/pexels-photo-1447884.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1499344/pexels-photo-1499344.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1521304/pexels-photo-1521304.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
</div>
</div>
</body>
<script>
</script>
</html>
Voce tambem deve SEMPRE definir a propriedade flex-wrap da flexbox !!!
Veja como fica a Classe .imgs com o flex-wrap:wrap;
!!
.imgs {
display: flex;
flex-wrap: wrap; /* sempre defina, seja wrap ou nowrap(padrão) */
align-items: center;
height: auto;
max-width: 100%;
justify-content: center;
}
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
text-decoration: none;
list-style: none;
outline: none;
font-family: 'system-ui', 'sans-serif';
font-weight: 300;
transition: .3s linear 0s all;
}
h6 {
font-weight: 600;
}
h5, h4 {
font-weight: 500;
}
.imgs {
display: flex;
flex-wrap: wrap;
align-items: center;
height: auto;
max-width: 100%;
justify-content: center;
}
.elemento_pai {
margin: 0 auto;
width: 500px;
overflow: scroll;
}
.parceiros img{
width: 5vw;
margin: 1rem;
}
</style>
</head>
<body>
<div class="parceiros elemento_pai">
<div class="imgs">
<img src="https://images.pexels.com/photos/2527491/pexels-photo-2527491.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/2119953/pexels-photo-2119953.png?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1870320/pexels-photo-1870320.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1441597/pexels-photo-1441597.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1485968/pexels-photo-1485968.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1447884/pexels-photo-1447884.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1499344/pexels-photo-1499344.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1521304/pexels-photo-1521304.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/2527491/pexels-photo-2527491.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/2119953/pexels-photo-2119953.png?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1870320/pexels-photo-1870320.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1441597/pexels-photo-1441597.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1485968/pexels-photo-1485968.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1447884/pexels-photo-1447884.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1499344/pexels-photo-1499344.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
<img src="https://images.pexels.com/photos/1521304/pexels-photo-1521304.jpeg?auto=compress&cs=tinysrgb&w=600" alt="">
</div>
</div>
</body>
<script>
</script>
</html>