JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="fr">
<meta charset="UTF-8"/>
<head>
  <title>Arrière-plans-multiples page 138 html5 et css3</title>

  <style>
    #imagesMultiples {
      /* position: absolute; Ces propriètés ne changent rien à l'affichage si on les supprime, ou si on modifie les valeurs 
      top: 10px; 
      left: 10px;
      width: 150px;
      height: 80px;
      border: 1px solid #333; */
      background: url("Users/Perso/Pictures/helico-gen.jpg") top-left no-repeat,
      url("Users/Perso/Pictures/helico-gen.jpg") top-right no-repeat,
      url("Users/Perso/Pictures/helico-gen.jpg") bottom-left no-repeat,
      url("Users/Perso/Pictures/helico-gen.jpg") bottom-right no-repeat;           
    }
  
  </style>
  </head>
  
<body>
  <img src="file://C:/Users/Perso/Pictures/helico-gen.jpg" alt="Photo hélico gendarmerie">
  <img src="file://C:/Users/Perso/Pictures/helico-gen.jpg" alt="Photo hélico gendarmerie">
  <img src="file://C:/Users/Perso/Pictures/helico-gen.jpg" alt="Photo hélico gendarmerie">
  <img src="file://C:/Users/Perso/Pictures/helico-gen.jpg" alt="Photo hélico gendarmerie">
  
<p>
Cette forme courte de la proprièté "background" est le "condensé" de l'utilisation des propriètés:<br>
- bacground-image: chemin d'accés, URL de l'image.<br>
- background-position: position de l'image indiquée avec les mots-clés ou avec une unité.<br>
- background-repeat: répétition de l'image.<br>
Avec Notepad++, à l'execution, il y a bien quatre photos: deux au dessus, deux en dessous, comme prévu.<br>
"background" avec les URL et "img src" semblent  suffisants pour afficher correctement les images.
</p>
</body>
</html>