JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<h1 style="text-align: center;">NOTICE CARTE MERE ASROCK Z590M</h1>
<div class="conteneur">
	<div class="one">
	<div class="wrapper">
		<div class="text">
		Embase LED adressable<br>(ADDR_LED1 à 3 broches)<br>
		(voir p.1 N° 25)<br>
		<br>
		(ADDR_LED2 à 3 broches)<br>
		(voir p.1 N° 8)
		</div>
  
  <div class="middle-box">
    <div class="image">
		<img src="Images-2/asr_20.jpg">
    </div>
	
    <div class="middle-box">
		<div class="image">
			<img src="Images-2/asr_21.jpg">
		</div>
   	</div>
	</div>
  </div>
   <div class="text">
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 adressable   dans le 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.
   </div>
 </div>
 
 
<div class="twoo">
	<div class="wrapper">
		Embase LED RVB<br>
		(RGB_LED1 à 4 broches)<br>
		(voir p.1 N° 26)<br>
		<br>
		(RGB_LED2 à 4 broches)<br>
		(voir p.1 N° 7)

<div class="middle-box">
    <div class="image">
		<img src="Images-2/asr_18.jpg">
    </div>
	
    <div class="middle-box">
		<div class="image">
			<img src="Images-2/asr_19.jpg">
		</div>
   	</div>
</div>
	</div>
	
<div class="text">
	L'embase LED RVB sert à connecter le câble d'extension LED RVB qui permet aux utilisateurs de choisir parmi plusieurs effets lumineux LED.<br>
	<strong>Attention : N'installez jamais le câble LED RVB dans le mauvais sens ; dans le cas contraire, le câble peut être endommagé.</strong><br>
	*Veuillez consulter la page 32 pour des instructions supplèmentaires concernant cette embase.
</div>
	
</div>

<div class="three">

</div>
</div>

</body>

CSS

body {
	font-family: cursive;
	background-color: antiquewhite;
	}
	
h1 {
	color: blue;
}
	
.conteneur {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(100px auto);
 	}
  
.one {
    grid-column: 1 / 1; /* Colonne */
    grid-row: 1;        /* Rangée */
	}
	
.twoo {
    grid-column: 2 / 3;
    grid-row: 1;
	}
  
.three {
    grid-column: 3 / 3;
    grid-row: 1;
	}	
  
.one, .twoo, .three {
    font-size: 16px;
	color: blue;
    border: 1px solid blue;
    border-radius: 6px;
    padding: 5px;
    grid-gap: 10px;
	}
  
/* .gauche {
	float: left;
	width: auto;
	margin-bottom: 50px;

	} */
 
/* .droit {
	float: right;
	/* width: 200px; */
	} */ 
 
.centre {
	margin-bottom: -50px;
	padding-top: 50px;
	float: left;
	} 

	 /* -------------------- */

.wrapper {
  display: flex;
  gap: 0;
}
  
  
.middle-box, .text {
   padding-left: 10px;
}


.middle-box {
	min-width: 100px;
	display: flex;
	flex-direction: column;
}

.image{
	/* float: left; */
	min-height: 100px;
	margin-bottom: 0; /* Espace entre les images */
}