create helper class for image cutouts

Signed-off-by: Robert Günzler <r@gnzler.io>

1 files changed, 7 insertions, 0 deletions

diff --git a/links/main.css b/links/main.css
index ea1cf7f..d3b97ee 100644
--- a/links/main.css
+++ b/links/main.css
@@ -401,6 +401,13 @@ ul.nobull li {
   padding-left: var(--body-inline-padding);
 }
 
+.cutout {
+  width: 100%;
+  max-height: 9rem;
+  object-fit: cover;
+  object-position: 0 50%;
+}
+
 :is(div, p):has(>.i) {
   display: flex;
   flex-flow: row wrap;