CSS: zoom-in cursor utility

src/styles/_project.sass

@@ -485,8 +485,8 @@ section.node-preview
 	color: $color-text-light-primary
 	flex-shrink: 0 // prevents content/comments to make preview dissappear
 	max-height: calc((9 / 16) * 133vh)
-  min-height: 200px
 	overflow: hidden
+	min-height: 200px
 
 	iframe
 		width: 100%
@@ -501,10 +501,6 @@ section.node-preview
 		+media-xs
 			width: 100%
 
-	&.image
-		cursor: zoom-in
-		overflow: hidden
-
 	&.video
 		background-color: black
 		position: relative

src/styles/_utils.sass

@@ -645,6 +645,9 @@
 .cursor-pointer
 	cursor: pointer
 
+.cursor-zoom-in
+	cursor: zoom-in
+
 .user-select-none
 	user-select: none
 

src/templates/nodes/view_base.pug

@@ -3,7 +3,7 @@
 | {% block node_preview %}
 | {% if node.picture %}
 | {% if current_user.has_cap('subscriber') or node.permissions.world %}
-section.node-preview.d-flex.justify-content-center(
+section.node-preview.d-flex.justify-content-center.cursor-zoom-in(
 	class="js-node-preview-image")
 	img.node-preview-thumbnail(
 		src="{{ node.picture.thumbnail('l', api=api) }}",