diff --git a/docs/_includes/website/carbon.html b/docs/_includes/website/carbon.html
index 6adfb8e2..ffa0d728 100644
--- a/docs/_includes/website/carbon.html
+++ b/docs/_includes/website/carbon.html
@@ -1,5 +1,8 @@
 <div id="carboncontainer" class="bd-carbon">
   <div id="carbon">
-    <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CWYIE237&placement=bulmaio&format=cover" id="_carbonads_js"></script>
+    <a id="masterclass-carbon" href="https://cssmasterclass.io/" target="_blank" style="display: none; width: 400px; height: 260px;">
+      <img src="{{ site.url }}/assets/images/masterclass/masterclass-carbon.png" height="260" width="400" alt="CSS Masterclass">
+    </a>
+    <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CWYIE237&placement=bulmaio&format=cover" id="_carbonads_js" onerror="this.previousElementSibling.style.display = 'flex'"></script>
   </div>
 </div>
diff --git a/docs/assets/images/masterclass/masterclass-carbon.png b/docs/assets/images/masterclass/masterclass-carbon.png
new file mode 100644
index 00000000..882667ad
Binary files /dev/null and b/docs/assets/images/masterclass/masterclass-carbon.png differ