# Reels

:::raw
<div class="cms-fullwidth"><div class="commonpage-inner">
<h2>Featured Reels</h2>
<div class="reels-grid">
<div class="reel-card"><iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1464538368773068&show_text=false" title="Ford of Madisonville reel"></iframe></div>
<div class="reel-card"><iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1021221243679221&show_text=false" title="Ford of Madisonville reel"></iframe></div>
<div class="reel-card"><iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1899203370742695&show_text=false" title="Ford of Madisonville reel"></iframe></div>
<div class="reel-card"><iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F739495249245200&show_text=false" title="Ford of Madisonville reel"></iframe></div>
<div class="reel-card"><iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1357493019810862&show_text=false" title="Ford of Madisonville reel"></iframe></div>
<div class="reel-card"><iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1953489309387539&show_text=false" title="Ford of Madisonville reel"></iframe></div>
<div class="reel-card"><iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1354967883313782&show_text=false" title="Ford of Madisonville reel"></iframe></div>
<div class="reel-card"><iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1262288995706603&show_text=false" title="Ford of Madisonville reel"></iframe></div>
<div class="reel-card"><iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1302468648691280&show_text=false" title="Ford of Madisonville reel"></iframe></div>
<div class="reel-card"><iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1492498758905440&show_text=false" title="Ford of Madisonville reel"></iframe></div>
<div class="reel-card"><iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1338370118160487&show_text=false" title="Ford of Madisonville reel"></iframe></div>
<div class="reel-card"><iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1003092742115727&show_text=false" title="Ford of Madisonville reel"></iframe></div>
</div>
</div></div>
<style>
/* PAGE-LOCAL, and deliberately so - see the migration header. The sanitizer rebuilds every
   allow-listed iframe as bare class="cms-embed", whose default geometry is a whole-page frame
   (min-height 900px). A reel is portrait, so both the min-height and the height are reset here
   and replaced with a 9:16 ratio. Scoped under .reels-grid so nothing else on the site moves. */
.reels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin:1.25rem 0 0}
.reels-grid .reel-card{margin:0;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.reels-grid .reel-card iframe,.reels-grid .reel-card .cms-embed{display:block;width:100%;min-height:0;height:auto;aspect-ratio:9/16;border:0}
@media(max-width:520px){.reels-grid{grid-template-columns:1fr;gap:14px}}
</style>
:::