fix

Author: Rifzkhy

css/profile.css

@@ -51,19 +51,20 @@ background-color: #fff;
 }
 
 .col .card{
+  left: 10%;
   width: 18rem;
-	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.8);
+  height: 26rem;
+	/* box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.8); */
 	transform-style: preserve-3d;
 }
 
 .profile-pics{
 	position: absolute;
-	top: 30%;
-	left: 50%;
-  transform: translateZ(50px) scaleY(1);
-	transform: translate3d(-50%, -50%, 20px) scale(1);
-	max-width: 175px;
+	top: 20px;
+	left: 20px;
+  transform: translateZ(20px);
+	/* transform: translate3d(-100%, -50%, 10px); */
+	max-width: 100px;
 	transition: 0.5s;
-	z-index: 100;
 	border-radius: 15px;
 }

index.html

@@ -27,16 +27,16 @@ <h2 class="typing-demo">
   </div>
   </section>
   <section class="bg-warning">
-<div class="jumbotron border p-5 bg-warning">
+<div class="jumbotron p-5 bg-warning">
   <div class="row">
-    <div class="col-8 border">
+    <div class="col-8">
       <h1>MUHAMMAD RIFZKHY ALL FHAYED</h1>      
       <p>Hello everyone! I'm Rifzkhy, a Fullstack Developer who is deeply passionate about 3D modeling, game development, chatbot creation, and digital art. My goal is to create simple and clean solutions that deliver impactful experiences to users.</p>
     </div>
     <div class="col">
 <div class="card"  data-tilt data-tilt-glare data-tilt-max-glare="0.8">
   <!-- <img src="src/rifzkhy.jpg" class="card-img-top" alt="..."> -->
-  <div class="profile-pic"><img src="src/rifzkhy.jpg" class="profile-pics"></div>
+  <img src="src/rifzkhy.jpg" class="profile-pics">
   <div class="card-body">
     <h5 class="card-title">Card title</h5>
     <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
@@ -46,6 +46,9 @@ <h5 class="card-title">Card title</h5>
     </div>
   </div>
 </div>
+  </section>
+  <section class="">
+    
   </section>
   <!-- model 3d -->
   <!-- <div class="card" style="width: 18rem;">
@@ -75,4 +78,4 @@ <h5 class="card-title">Card title</h5>
     <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
 <script nomodule src="https://unpkg.com/@google/model-viewer/dist/model-viewer-legacy.js"></script>
   </body>
-</html>
+</html>