Hero: With B

<div class="hro hro--t">
    <img srcset="
        https://patterns.boston.gov/assets/images/fleet/boston-header3.jpg 480w,
        https://patterns.boston.gov/assets/images/fleet/boston-header3.jpg 768w,
        https://patterns.boston.gov/assets/images/fleet/boston-header3.jpg 1024w,
        https://patterns.boston.gov/assets/images/fleet/boston-header3.jpg 1200w,
      " sizes="(max-width: 600px) 480px, 768px, 1024px, 1200px" src="https://patterns.boston.gov/assets/images/fleet/boston-header3.jpg" alt="Boston.gov" class="hro--img" />

    <div class="hro-c">
        <div class="hro-i hro-i--l">welcome to the new</div>
        <h1 class="hro-t hro-t--l">Boston.gov</h1>
        <div class="hro-st hro-st--l hro-st--w">Mayor Michelle Wu</div>
    </div>

    <div class="the-b the-b--c">
        <img src="/images/b-light.svg" alt="B Logo" class="the-b-i">
    </div>
</div>