casque vr mobile ajustement

public/css/utils.css

@@ -19,6 +19,11 @@ .mt-logo{
 }
 
 
+.w-50-6{
+    width: 50%;
+}
+
+
 .w-85{
     width: 90%;
 }
@@ -1483,7 +1488,17 @@ @media (max-width: 768px) {
 
     .vr-container{
             height: 57vh;
-           
+           margin-top: -5rem;
+    }
+
+    .w-50-6{
+        width: 90%;
+    }
+
+    .padding-vr-text{
+        padding-top: 0rem;
+        margin-top: -10rem;
+        margin-left: 1.2rem;
     }
 
     .line-icube{

public/js/three.js

@@ -26,7 +26,7 @@ if (isMobile) {
     renderer.setSize(window.innerWidth / 2, window.innerHeight / 2); // Divisé par 2 pour les écrans plus grands
 }
 
-renderer.setClearColor(0x0000ff, 1);
+renderer.setClearColor( 0xffffff    , 1);
 
 
 // Pour réagir aux changements de taille d'écran, ajoutez un écouteur 

resources/views/pages/accueil.blade.php

@@ -162,7 +162,7 @@ class="img-fluid object-fit-cover h-img-spons">
         <!-- <div class="position-absolute overlay-vr">
             <img src="{{ asset('images/mainVr.png') }}" alt="image illustration" class="img-fluid object-fit-cover overlay-vr-img">
         </div>  -->
-        <div class="w-50 padding-vr-text d-flex flex-column gap-4">
+        <div class="w-50-6 padding-vr-text d-flex flex-column gap-4">
             <h3 class="fs-1">Plongez dans l'univers de la VR <br><span class="blue bold">Une expérience immersive
                 </span></h3>
             <p class="delay-1">Découvrez comment la réalité virtuelle révolutionne la recherche et l'innovation. Explorez des mondes immersifs, testez des concepts avant-gardistes et repoussez les limites de l'imagination. Chez nous, la VR n'est pas qu'une technologie : c'est un outil puissant pour comprendre, créer et transformer</p>