JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parceiros">
    <p>Nossos parceiros:</p>
    <div id="logos-parceiros">
        <img src="./imagens_body/logo_aws.png">
        <img src="./imagens_body/logo_veesec.png">
        <img src="./imagens_body/logo_vindi.png">
        <img src="./imagens_body/logo_namecheap.png">
        <img src="./imagens_body/logo_forward.png">
        <img src="./imagens_body/logo_azure.png">
        <img src="./imagens_body/logo_encrypt.png">
    </div>
</div>

CSS

#logos-parceiros img{
  height: 30px;
  width: 30px;
  background-color: #ccc;
  margin: 0 10px;
  
}

#parceiros{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}