diff --git a/script.js b/script.js
index d7b2b46..2efb796 100644
--- a/script.js
+++ b/script.js
@@ -193,7 +193,7 @@ const updateCarousel = function(slides, posts) {
                 </div>
                 <hr>
                 <div class="row align-items-center vertical-align-center">
-                    ${post.media_attachments[0] ? `<div class="col-md-6"><p class="card-text">${DOMPurify.sanitize(post.content)}</p></div>` : `<div class="col-md-12"><p class="card-text">${DOMPurify.sanitize(post.content)}</p></div>`}
+                    ${post.media_attachments[0] ? `<div class="col-md-6"><div class="card-text">${DOMPurify.sanitize(post.content)}</div></div>` : `<div class="col-md-12"><div class="card-text">${DOMPurify.sanitize(post.content)}</div></div>`}
                     ${post.media_attachments[0] ? `<div class="col-md-6"><img src="${post.media_attachments[0].url}" class="card-img-bottom" align="center"> </div>` : ''}
                 </div>
                 <hr>
diff --git a/styles.css b/styles.css
index b2f4fc5..dd40322 100644
--- a/styles.css
+++ b/styles.css
@@ -50,6 +50,10 @@
   margin-bottom: 1px !important;
 }
 
+.carousel .card-text {
+    font-size: 1.4em;
+}
+
 .card {
   font-size: 0.9em;  /* adjust this value to get the desired text size */
 }
@@ -186,10 +190,6 @@ body {
     margin-bottom: 20px !important;
 }
 
-.card-text ~ p {
-    font-size: 1.4em;
-}
-
 .card-img-bottom {
     max-width: 600px;
     max-height: 500px;