test

assets/css/style.css

@@ -1419,37 +1419,33 @@ table, th, td {
     border-color: var(--VeryLightGray);
 }
 
-
-
-
 .tilted-box-container {
-    width: 300px;
-    height: 200px;
+    float: right;
     position: relative;
+    transform: scale(0.5);
+    left: 20px;
+    top: -20px;
 }
 
 .tilted-box {
-    width: 100%;
-    height: 100%;
     border: 5px solid #000;
     border-radius: 25px;
     background-color: transparent;
-    transform: rotate(10deg);
+    transform: rotate(3deg);
     transition: border-color 0.3s ease;
     overflow: hidden;
-    position: relative;
+    display: flex; /* Use flexbox to center the image */
+    justify-content: center;
+    align-items: center;
 }
 
 .tilted-box:hover {
     border-color: var(--ThemeColor);
 }
 
 .tilted-box img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    /* transform: rotate(-10deg) scale(1.5); Counter-rotate and scale up to cover tilted area */
-    opacity: 0.7; /* Adjust for desired transparency */
+    max-width: 100%; /* Ensure image doesn't overflow the box */
+    height: auto; /* Maintain aspect ratio */
 }
 
 /* Section: Services */