<div class="blocks-hero-06 bg-color-ui-01"> <div class="spacer xxxx-large"></div> <div class="wrapper"> <div class="grid-container"> <div class="grid-x"> <div class="large-7 medium-12 small-12 cell"> <h1>Insites Blocks</h1> </div> </div> </div> </div> <div class="spacer xx-large"></div> <div class="grid-container"> <div class="grid-x grid-margin-x"> <div class="small-12 cell img-full"> <img src="https://insites.imgix.net/Dark.png?fit=crop&w=1229&h=442&crop=entropy" alt="Insites Hero Image"> </div> </div> </div> <div class="spacer xxxx-large"></div> </div>
/* Start: Overwrite - Foundation Grid Container*/ .blocks-hero-06 .grid-container{ padding-left: 0px; padding-right: 0px; max-width: var(--container-max-width, 1232px); position: relative; } /* End: Overwrite - Foundation Grid Container*/ .blocks-hero-06 .img-full img{ width:100%; }