<div class="col">
<div class="card">
<div class="card-body p-0 overflow-hidden" style="width: 100% !important">
<iframe src="[[+introtext]]" width="100%" height="350" scrolling="no" frameborder="no" sandbox="allow-same-origin" style="width: 100% !important"></iframe>
</div>
<div class="card-body" style="width: 100% !important">
<h5 class="card-title" style="width: 100% !important"><a href="[[~[[+id]]]]" class="link-dark text-decoration-none">[[+pagetitle]]</a></h5>
<p class="card-text" style="width: 100% !important">[[+description]]</p>
<a href="[[+introtext]]" class="btn btn-primary">Go somewhere</a>
</div>
</div>
</div>content: '';
pointer-events: none;
display: block;
position: absolute;
left: 0;
top: 50%;
height: calc(100% + 3px);
width: calc(100% + 3px);
-webkit-transform: translateY(-50%) ;
transform: translateY(-50%);
border-radius: 3px !important;
-webkit-box-shadow: inset 0 0 0 2px #009eda, 0 13px 18px rgba(224, 235, 238, .75) !important;
box-shadow: inset 0 0 0 3px #009eda, 0 13px 18px rgba(224, 235, 238, .75) !important;
z-index: 3