Remove overlap promobar and adjust margin top for promo bar

Author: Erik2609

layouts/shortcodes/iframe.html

@@ -1,7 +1,7 @@
 {{ $_hugo_config := `{ "version": 1 }` }}
 
 <div class="container-fluid mt-5 p-0">
-    <div class="rounded-lg" id='{{.Get "id" }}'>
+    <div class="rounded-lg" id='{{.Get "id" }}' style="height: 100%;">
         <div class="row">
             <div class="col-12 p-0 p-lg-3">
                 {{ if .Get "title" }}

layouts/shortcodes/promo_bar.html

@@ -1,5 +1,5 @@
 {{ $_hugo_config := `{ "version": 1 }` }}
-<div id={{.Get "id" }} class="container-fluid mt-5 p-0">
+<div id={{.Get "id" }} class="container-fluid mt-0 p-0">
     <div class="shadow bg-lightblue">
         <div class="row promobar-mobile-desktop-layout">
             <div class="col-12 flex justify-center items-center px-5">