new fond

app/Components/layout/BackgroundRotator/BackgroundRotator.tsx

@@ -8,6 +8,7 @@ const images = [
   "/CEDETEC.jpg",
   "/FES-ACATLAN.jpg",
   "/DSC.jpeg",
+  "/Cedetec.jpeg",
 ];
 
 export default function BackgroundRotator() {

app/globals.css

@@ -31,6 +31,28 @@ body {
 
 main {
   position: relative;
+  overflow: hidden;
+}
+
+main::before {
+  content: '';
+  position: absolute;
+
+  top: 50%;
+  left: 50%;
+
+  width: 200%;
+  height: 200%;
+
+  background-image:
+    linear-gradient(rgba(0, 0, 0, 0.025) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(0, 0, 0, 0.025) 1px, transparent 1px);
+
+  background-size: 48px 48px;
+  pointer-events: none;
+
+  transform: translate(-50%, -50%) rotate(15deg);
+  transform-origin: center;
 }
 
 footer {