gestion des images articles cloudinary

frontend/src/components/Pages/Home.jsx

@@ -107,7 +107,17 @@ const Home = () => {
         text={acf?.hero_text || "Texte par défaut"}
         textColor={acf?.hero_text_color || "#ffffff"}
       />
-
+      <Box sx={{ mt: 6, mb: 6, textAlign: "center" }}>
+        <iframe
+          src="https://player.cloudinary.com/embed/?cloud_name=dh5qgexjo&public_id=Standard_Mode_Animate_the_face_with_head_movem_niulqa&loop=true&hide_context_menu=true&control_bar[volumePanel]=false&title=Capsule&description=Starter%20Pack%20Capsule"
+          width="1920"
+          height="1080"
+          style={{ height: "auto", width: "50%", aspectRatio: "1920 / 1080" }}
+          allow="autoplay; fullscreen; encrypted-media; picture-in-picture"
+          allowFullScreen
+          frameBorder="0"
+        ></iframe>
+      </Box>
       {/* Section Construisons */}
       <ConstructSection
         constructTitle={