diff --git a/resources/css/app.css b/resources/css/app.css
index 0554894..52820ac 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -93,6 +93,7 @@
 @import './blocks/icon.css';
 @import './blocks/tips-to-know.css';
 @import './blocks/google-map.css';
+@import './blocks/labelled-picture.css';
 
 /* ########### PAGE ############ */
 @import './pages/demo-components.css';
diff --git a/resources/css/blocks/labelled-picture.css b/resources/css/blocks/labelled-picture.css
new file mode 100644
index 0000000..7ddbcbf
--- /dev/null
+++ b/resources/css/blocks/labelled-picture.css
@@ -0,0 +1,10 @@
+.homegrade-blocks-labelled-picture {
+  @apply relative w-full;
+  img {
+    @apply rounded-lg w-full object-cover;
+    max-height: 300px;
+  }
+  figcaption {
+    @apply bg-white absolute  px-8 py-2 text-center  bottom-4 left-4 z-10 rounded-lg font-bold text-base;
+  }
+}