diff --git a/PMM/overlays/css_families.yml b/PMM/overlays/css_families.yml
new file mode 100644
index 0000000..4de604b
--- /dev/null
+++ b/PMM/overlays/css_families.yml
@@ -0,0 +1,59 @@
+#############################################################
+#          Commonsense Selection Families Overlay           #
+#         Created by Yozora, Bullmoose20, & Sohjiro         #
+#            Credit to Magic815 for base images             #
+#############################################################
+#  Call this from your config.yml (Movie or Show):          #
+#    overlay_path:                                          #
+#      - git: PMM/overlays/css_families                     #
+#        template_variables:                                #
+#          # Set episode or season to overlay               #
+#          overlay_level:                                   #
+#          # Set the weight for the overlay                 #
+#          weight: 5                                        #
+#############################################################
+
+templates:
+  CSSFamMovies:
+    optional:
+      - overlay_level
+    mdblist_list: https://mdblist.com/lists/plexmetamanager/cssfamiliesshowsmovies
+    default:
+      overlay: <<overlay_name>>
+      weight: 5
+    overlay:
+      name: <<overlay_name>>
+      git: PMM/overlays/images/<<overlay>>
+      group: ribbon
+      weight: <<weight>>
+      horizontal_offset: 0
+      horizontal_align: right
+      vertical_offset: 0
+      vertical_align: bottom
+
+  CSSFamShows:
+    optional:
+      - overlay_level
+    mdblist_list: https://mdblist.com/lists/plexmetamanager/cssfamiliesshows
+    default:
+      overlay: <<overlay_name>>
+      weight: 5
+    overlay:
+      name: <<overlay_name>>
+      git: PMM/overlays/images/<<overlay>>
+      group: ribbon
+      weight: <<weight>>
+      horizontal_offset: 0
+      horizontal_align: right
+      vertical_offset: 0
+      vertical_align: bottom
+
+overlays:
+
+  CSS-Families-Movies-Ribbon:
+    template:
+      - name: CSSFamMovies
+
+  CSS-Families-Shows-Ribbon:
+    template:
+      - name: CSSFamShows
diff --git a/PMM/overlays/images/Blank-Ribbon.png b/PMM/overlays/images/Blank-Ribbon.png
new file mode 100644
index 0000000..78a7067
Binary files /dev/null and b/PMM/overlays/images/Blank-Ribbon.png differ
diff --git a/PMM/overlays/images/CSS-Families-Movies-Ribbon.png b/PMM/overlays/images/CSS-Families-Movies-Ribbon.png
new file mode 100644
index 0000000..20ded6c
Binary files /dev/null and b/PMM/overlays/images/CSS-Families-Movies-Ribbon.png differ
diff --git a/PMM/overlays/images/CSS-Families-Shows-Ribbon.png b/PMM/overlays/images/CSS-Families-Shows-Ribbon.png
new file mode 100644
index 0000000..20ded6c
Binary files /dev/null and b/PMM/overlays/images/CSS-Families-Shows-Ribbon.png differ