JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
  <div class="text">
  <p>
 Embase LED adressable<br>
 (ADDR_LED1 à 3broches)<br>
 (voir p. 1 N° 25)<br>
 <br>
 (ADDR_LED2 à 3 broches)<br>
 (voir p.1 N° 8)
  </p>
  
  </div>
  <div class="middle-box">
    <img src="image/asr_20.jpg">
    <img src="image/asr_21.jpg">
  </div>
  
  <div class="text">
   <p>
    Cette embase sert à connecter un câble de rallonge LED adressable permettant aux utilisateurs de choisir parmi différents effets lumineux LED.<br>
    <strong>Attention : N'installez jamais le câble LED adressable dans la mauvais sens. Dans le cas contraire, le câble peut être endommagé.</strong><br>
    *Veuillez consulter la page 33 pour des instructions complémentaires concernant cette embase.
   </p>
  </div>
 
</div>

CSS

.box {
  display: grid;
  width: 600px; /* tu peux ajuster la taille du container */
  grid-template-columns: repeat(3, 1fr);
  border: 2px solid blue;
  color: white;

}

.middle-box,
.text {
 /* margin: 5px; */
  background-color: teal;
  padding: 20px;
  flex-grow: 1;
}

.middle-box img {
  width: 100%;
}