thainv-dev:

components/dynamic-page/page-component/templates/articles/cards/Audio.vue

@@ -78,14 +78,15 @@ const parseData = computed(() => {
       </nuxt-link>
     </div>
   </article>
-  <div v-html="LAYOUT_PARSE.styleClasses"></div>
+  <div v-html="LAYOUT_PARSE.styleClasses" style="display:none;"></div>
 </template>
 
 <style lang="scss">
 .card-audio {
   position: relative;
   width: 100%;
-  padding-bottom: 56.25%; //tỷ lệ 9 /16;;
+  padding-bottom: calc((16 / 9) * 100%);
+  overflow: hidden;
 
   img {
     position: absolute;
@@ -98,7 +99,7 @@ const parseData = computed(() => {
   .card-audio__content {
     position: absolute;
     width: 100%;
-
+    max-height: 100%;
     bottom: 0;
     padding: 20px 30px;
     z-index: 3;