diff --git a/index.html b/index.html
index ea8e161..e859f5f 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,11 @@
 </head>
 <body>
 
+
+  <div id="cliptest">
+    <img src="https://placekitten.com/200/200">
+  </div>
+
   <div class="main">
     <div class="monogram">
       <div class="column">
diff --git a/style.css b/style.css
index 081f688..2901dd9 100644
--- a/style.css
+++ b/style.css
@@ -64,4 +64,17 @@ h1 {
   font-weight: bold;
   font-size:  1.7rem;
   margin-top: 1em;
+}
+
+#cliptest {
+  width: 200px;
+  height: 200px;
+  clip-path: polygon(0 0, 0 100%, 100% 100%);
+  background: hsl(50, 90%, 50%);
+}
+
+#cliptest img {
+  filter: grayscale(100%);
+  /* mix-blend-mode: multiply; */
+  mix-blend-mode: overlay;
 }
\ No newline at end of file
