added face detection introduction text

website/src/Object_Detection.jsx

@@ -180,6 +180,14 @@ function Object_Detection() {
     return (
         <div className='site-box'>
             <h1 className='site-headline'>Face Detection</h1>
+            <div id={styles["text-container-introduction"]}>
+                <p>
+                    The model’s performance has been limited to 2 FPS due to low-end server hardware constraints.
+                </p>
+                <p>
+                    The webcam video is transmitted to a server for processing. The server does not store, train on, or use the data for any purpose other than face detection.
+                </p>
+            </div>
             <div className={styles["button-div"]}>
                 <button
                     id="button-send"
@@ -200,7 +208,7 @@ function Object_Detection() {
                 <canvas ref={canvasRefSending} style={{ width: "100%", height: "100%", display: "none" }} />
             </div>
 
-            <div id={styles["text-container"]}>
+            <div id={styles["text-container-explanation"]}>
                 <p>
                     This Project is an implementation of the YOLO (You Only Look Once) algorithm. It was implemented with Pytorch and trained on a Dataset from Roboflow.
                 </p>