IO-3020 IO-3036 Add upsell components to several components. Add upsell mask wrapper.

client/src/components/upsell/upsell.styles.scss

@@ -0,0 +1,56 @@
+.mask-wrapper {
+  position: relative;
+//Newly added
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100px; /* Adjust as needed */
+}
+
+.mask-content {
+  // filter: blur(5px);
+  background-color: rgba(0, 0, 0, 0.05);
+  pointer-events: none;
+
+  //Newly added
+  //width: 100%;
+}
+
+.mask-overlay {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 10;
+ // width: 100%
+}
+
+.mask-overlay .ant-card {
+  max-width: 100%;
+}
+
+// .mask-wrapper {
+//   position: relative;
+//   display: inline-block;
+// }
+
+// .mask-content {
+//   filter: blur(5px);
+//   pointer-events: none;
+// }
+
+// .mask-overlay {
+//   position: absolute;
+//   top: 0;
+//   left: 0;
+//   width: 100%;
+//   height: 100%;
+//   display: flex;
+//   justify-content: center;
+//   align-items: center;
+//   z-index: 10;
+// }
+
+// .mask-overlay .ant-card {
+//   max-width: 100%;
+// }