Mockup of slanted colum layout

custom.css

@@ -0,0 +1,39 @@
+.bigimage {
+  transform: skew(-20deg);
+  color: white;
+  padding: 2em;
+  height: 50vh;
+  width: 100%;
+  text-align: center;
+}
+/*My kingdom for a 'backdrop-filter'!*/
+img.background {
+  color: black;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  z-index: -1;
+  -webkit-filter: blur(2px);
+  filter: blur(2px);
+  -webkit-transition: .3s ease-in-out;
+  transition: .3s ease-in-out;
+}
+.bigimage:hover img {
+    -webkit-filter: blur(0);
+	filter: blur(0);
+}
+a.button {
+    transform: skew(20deg);
+    color: white;
+    touch-callout: none;
+    user-select: none;
+    display: inline-block;
+    border: .2em solid;
+    position: relative;
+    cursor: pointer;
+    overflow: hidden;
+    padding: 0.5em;
+    background: rgba(255, 255, 255, 0.3);
+}