<div class="cbp-popup-wrapper">
    <div class="cbp-l-inline"> 
    	<img src="/explorations/23guam/features/coastal-change/media/before_typhoon-800.jpg" class="cbp-img-popup rounded" alt="Photograph of an area along the Asan River immediately before Typhoon Mawar. The storm resulted in substantial bank erosion and removal of much of the existing vegetation." />
    </div>
    <div class="cbp-l-inline-below">
        <div class="cbp-l-inline-title">Before Typhoon Mawar</div>
        <div class="cbp-l-inline-subtitle"><i>Image courtesy of National Park Service via Guam: A Biogeographic and Maritime Cultural Landscape Exploration of a WWII Amphibious Battlefield.</i><br /><a href="/explorations/23guam/features/coastal-change/media/before_typhoon.jpg" type="button" class="btn btn-outline-primary btn-download" title="Download file" download><i class="bi bi-download"></i>Download largest version (jpg, 4.5 MB).</a></div>
        <div class="cbp-l-inline-desc"><p>Photograph of an area along the Asan River immediately before Typhoon Mawar. The storm resulted in substantial bank erosion and removal of much of the existing vegetation.</p></div>
        <div class="cbp-l-inline-view-wrap">
            <a href="/explorations/23guam/features/coastal-change/coastal-change.html" type="button" class="btn btn-outline-primary btn-standard" title="Learn more">Learn more<i class="bi bi-chevron-right"></i></a>
        </div>
    </div>
</div>