Header {% include 'components/mean-bean/header' %}
#
HTML 
<div class="full-banner full-banner--mean-bean full-banner--mean-bean-landing full-banner--image full-banner--featured flexbox flexboxlegacy enhanced" data-image="/images/mainsite5/mean-bean/background.jpg"><div class="full-banner__image" style="background-image: url(&quot;/images/mainsite5/mean-bean/background.jpg&quot;); background-repeat: no-repeat;"></div>
	<div class="inner">
		<div class="full-banner--featured-panel">
			<div class="full-banner__content-wrapper">
			<!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
				<div class="full-banner__content">
					<div class="large-col-6">
						<picture>
						  <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Desktop.gif, /images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Desktop@2x.gif 2x">
						  <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Mobilev2.gif, /images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Mobilev2@2x.gif 2x">
						  <img src="/images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Desktop.gif" alt="Mean Bean Challenge">
						</picture> 
					</div>
					<div class="large-col-6">
						<picture class="desktop-show">
							  <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/MeanBeanChallenge_Logo_Desktop.png, /images/mainsite5/mean-bean/2019/MeanBeanChallenge_Logo_Desktop_@2x.png 2x">
							  <img class="banner-mean-bean-logo" src="/images/mainsite5/mean-bean/2019/Landing_Page_Header_Mobile.png, /images/mainsite5/mean-bean/2019/Landing_Page_Header_Mobile_@2x.png 2x" alt="Mean Bean Challenge">
						</picture> 
						<p>Eat nothing but rice and beans 
for five days, get sponsored and 
help end hunger.</p>
						<div class="large-col-6">
							<div>
								<a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean">
									
									<div class="button-bottom"></div>
									<div class="button-top">Sign Up Today</div>
									
								</a>
							</div>
						</div>


						<div class="large-col-6">
							<div>
								<a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean button--mean-bean-red">
									
									<div class="button-bottom"></div>
									<div class="button-top">Invite a friend</div>
									
								</a>
							</div>
						</div>
					</div>
				</div>
				<!-- CONTENT END -->
			</div>
		</div>
	</div>
</div>
Twig 
<div class="full-banner full-banner--mean-bean full-banner--mean-bean-landing full-banner--image full-banner--featured flexbox flexboxlegacy enhanced" data-image="/images/mainsite5/mean-bean/background.jpg"><div class="full-banner__image" style="background-image: url(&quot;/images/mainsite5/mean-bean/background.jpg&quot;); background-repeat: no-repeat;"></div>
	<div class="inner">
		<div class="full-banner--featured-panel">
			<div class="full-banner__content-wrapper">
			<!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
				<div class="full-banner__content">
					<div class="large-col-6">
						<picture>
						  <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Desktop.gif, /images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Desktop@2x.gif 2x">
						  <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Mobilev2.gif, /images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Mobilev2@2x.gif 2x">
						  <img src="/images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Desktop.gif" alt="Mean Bean Challenge">
						</picture> 
					</div>
					<div class="large-col-6">
						<picture class="desktop-show">
							  <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/MeanBeanChallenge_Logo_Desktop.png, /images/mainsite5/mean-bean/2019/MeanBeanChallenge_Logo_Desktop_@2x.png 2x">
							  <img class="banner-mean-bean-logo" src="/images/mainsite5/mean-bean/2019/Landing_Page_Header_Mobile.png, /images/mainsite5/mean-bean/2019/Landing_Page_Header_Mobile_@2x.png 2x" alt="Mean Bean Challenge">
						</picture> 
						<p>Eat nothing but rice and beans 
for five days, get sponsored and 
help end hunger.</p>
						<div class="large-col-6">
							<div>
								<a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean">
									
									<div class="button-bottom"></div>
									<div class="button-top">Sign Up Today</div>
									
								</a>
							</div>
						</div>


						<div class="large-col-6">
							<div>
								<a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean button--mean-bean-red">
									
									<div class="button-bottom"></div>
									<div class="button-top">Invite a friend</div>
									
								</a>
							</div>
						</div>
					</div>
				</div>
				<!-- CONTENT END -->
			</div>
		</div>
	</div>
</div>
{}
Mean Bean Challenge

Eat nothing but rice and beans 
for five days, get sponsored and 
help end hunger.