ok

src/App.css

@@ -11,6 +11,29 @@ body {
   /* overflow-x: hidden; */
 }
 
+.Cafe {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  min-height: 100vh;
+  position: relative;
+}
+
+.Cafe.grayscale {
+  filter: grayscale(1);
+  pointer-events: none; /* Disable pointer events when the deadline is exceeded */
+}
+
+.Watermark {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  background-image: url(https://i.ibb.co.com/F4FMw1jz/testuseonly.png);
+  z-index: 1000;
+  filter: opacity(0.05);
+  pointer-events: none;
+}
+
 .App-logo {
   height: 40vmin;
   pointer-events: none;