fix: cards not having rounded corners in safari

src/theme/util/_mixins.scss

@@ -77,3 +77,11 @@
   // but also ensure items get shrunk on small screens
   grid-template-columns: repeat(auto-fit, minmax(calc(min($item-width, 100%)), 1fr))
 }
+
+@mixin border-radius-in-parallax($border-radius) {
+  border-radius: $border-radius;
+  // explicitly place element in 3D space
+  // Safari seems to sometimes get confused
+  // and disregard border radius in some cases
+  transform: translateZ(0);
+}