Theme

<div class='row pt-2 justify-content-center text-center'>
  <div class='col-4'>
    <div
      class='bg-light shadow-lg rounded-3 p-4 mb-grid-gutter text-center text-sm-start'
      style='max-height: 290px;'
    >
      <h3 class='badge bg-warning text-dark'>
        Warning color for oncology
      </h3>
      <img
        class='d-inline-block mb-4 mt-2'
        src='https://website-preview.stage.resonancehealth.org/resonance-oncology.png'
        alt='resonance-oncology'
        width='400'
      />
    </div>
  </div>
  <div class='col-4'>
    <div
      class='bg-light shadow-lg rounded-3 p-4 mb-grid-gutter text-center text-sm-start'
      style='max-height: 290px;'
    >
      <h3 class='badge bg-success'>
        Success color for technology
      </h3>
      <img
        class='d-inline-block mb-4 mt-2'
        src='https://website-preview.stage.resonancehealth.org/resonance-technology.png'
        alt='resonance-technology'
        width='400'
      />
    </div>
  </div>
  <div class='col-4'>
    <div
      class='bg-light shadow-lg rounded-3 p-4 mb-grid-gutter text-center text-sm-start'
      style='max-height: 290px;'
    >
      <img
        class='d-inline-block mb-4 mt-2'
        src='https://website-preview.stage.resonancehealth.org/resonance-global-health.png'
        alt='resonance-global-health'
        width='400'
      />
      <h3 class='h5 mb-2'>
        home.global-health
      </h3>
      <p class='fs-sm'>
        home.global-health-description
      </p>
    </div>
  </div>
  <div class='col-4'>
    <div
      class='bg-light shadow-lg rounded-3 p-4 mb-grid-gutter text-center text-sm-start'
      style='max-height: 290px;'
    >
      <span class='badge bg-info text-dark'>
        Info color for education
      </span>
      <img
        class='d-inline-block mb-4 mt-2'
        src='https://website-preview.stage.resonancehealth.org/resonance-education.png'
        alt='resonance-education'
        width='400'
      />
    </div>
  </div>
</div>