You're in! You can see three tabs — module.html, module.css and module.js.
Paste this into module.html (click that section first):
html<div class="tmg-chapter">

  <div class="tmg-chapter__inner">

    <div class="tmg-chapter__left">
      <p class="tmg-chapter__eyebrow">A New Chapter</p>
      <h2 class="tmg-chapter__headline">The TM Group is now part of TMC Global</h2>
      <p class="tmg-chapter__body">This is the most exciting step in our story yet — and the best part is what it means for you. You're still working with The TM Group: the same team and the same industry-specific expertise you've always valued. What's changed is the bench behind us — and how much more we can now do for you.</p>
      <p class="tmg-chapter__tagline">Same team. Same care. A whole lot more we can do for you.</p>
      <a href="https://abouttmc.com/blog/building-the-dream-team-on-purpose-why-tmc-acquired-the-tm-group-and-what-we-are-building-next-together/" class="tmg-chapter__btn">Read the announcement &rarr;</a>
    </div>

    <div class="tmg-chapter__right">
      <div class="tmg-chapter__card">
        <h3 class="tmg-chapter__card-headline">Now within reach &mdash; through the partner you already trust</h3>
        <p class="tmg-chapter__card-sub">Dynamics 365 ERP and CRM was the starting point. As part of TMC Global, you also get:</p>
        <ul class="tmg-chapter__cap-list">
          <li>
            <span class="tmg-chapter__cap-icon">+</span>
            <div>
              <span class="tmg-chapter__cap-title">Microsoft 365 licensing optimization</span>
              <span class="tmg-chapter__cap-desc">Right-size every seat and stop overpaying.</span>
            </div>
          </li>
          <li>
            <span class="tmg-chapter__cap-icon">+</span>
            <div>
              <span class="tmg-chapter__cap-title">Azure services &amp; cloud management</span>
              <span class="tmg-chapter__cap-desc">Infrastructure built, secured, and managed for you.</span>
            </div>
          </li>
          <li>
            <span class="tmg-chapter__cap-icon">+</span>
            <div>
              <span class="tmg-chapter__cap-title">Copilot &amp; AI activation</span>
              <span class="tmg-chapter__cap-desc">AI put to work in the tools your team already uses.</span>
            </div>
          </li>
          <li>
            <span class="tmg-chapter__cap-icon">+</span>
            <div>
              <span class="tmg-chapter__cap-title">A world-class Power Platform team</span>
              <span class="tmg-chapter__cap-desc">Custom apps, AI agents and automation on demand.</span>
            </div>
          </li>
        </ul>
        <p class="tmg-chapter__card-footer">No new vendors to vet. No relationships to rebuild. Just more we can do for you.</p>
      </div>
    </div>

  </div>

  <div class="tmg-chapter__brands">
    <p class="tmg-chapter__brands-label">Part of TMC Global &mdash; Built by Three Brands</p>
    <div class="tmg-chapter__brands-grid">

      <a href="https://www.abouttmc.com" class="tmg-chapter__brand-card" target="_blank" rel="noopener">
        <img src="https://tmgroupinc.com/hubfs/TMC.png" alt="TMC The AI-First Microsoft Partner" class="tmg-chapter__brand-logo">
        <p class="tmg-chapter__brand-name">TMC</p>
        <p class="tmg-chapter__brand-desc">The AI-First Microsoft Partner</p>
      </a>

      <a href="https://www.tmgroupinc.com" class="tmg-chapter__brand-card tmg-chapter__brand-card--active">
        <span class="tmg-chapter__brand-badge">You&rsquo;re here</span>
        <img src="https://tmgroupinc.com/hubfs/TMG_logo_A%20TMC%20Global%20Company.png" alt="The TM Group A TMC Global Company" class="tmg-chapter__brand-logo">
        <p class="tmg-chapter__brand-name">The TM Group</p>
        <p class="tmg-chapter__brand-desc">The Dynamics 365 Implementation Experts</p>
      </a>

      <a href="https://www.powerapps911.com" class="tmg-chapter__brand-card" target="_blank" rel="noopener">
        <img src="https://tmgroupinc.com/hubfs/PowerApps911_logo.png" alt="PowerApps911 The Power Platform Specialists" class="tmg-chapter__brand-logo">
        <p class="tmg-chapter__brand-name">PowerApps911</p>
        <p class="tmg-chapter__brand-desc">The Power Platform Specialists</p>
      </a>

    </div>
  </div>

</div>
Then paste this into module.css:
css.tmg-chapter {
  background: #0f1829;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  padding: 64px 32px;
}

.tmg-chapter__inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: flex-start;
}

.tmg-chapter__left {
  flex: 1 1 420px;
  min-width: 280px;
}

.tmg-chapter__eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #e0007a;
  margin-bottom: 16px;
}

.tmg-chapter__headline {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  color: #ffffff;
  margin-bottom: 24px;
}

.tmg-chapter__body {
  font-size: 16px;
  line-height: 1.7;
  color: #c5cde0;
  margin-bottom: 16px;
}

.tmg-chapter__tagline {
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 32px;
}

.tmg-chapter__btn {
  display: inline-block;
  border: 2px solid #ffffff;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 4px;
}

.tmg-chapter__btn:hover {
  background: #ffffff;
  color: #0f1829;
}

.tmg-chapter__right {
  flex: 1 1 380px;
  min-width: 280px;
}

.tmg-chapter__card {
  background: #1a2540;
  border: 1px solid #2a3a5c;
  border-radius: 8px;
  padding: 32px;
}

.tmg-chapter__card-headline {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 8px;
  line-height: 1.3;
}

.tmg-chapter__card-sub {
  font-size: 13px;
  color: #7a8aaa;
  margin-bottom: 24px;
}

.tmg-chapter__cap-list {
  list-style: none;
  margin-bottom: 24px;
  padding: 0;
}

.tmg-chapter__cap-list li {
  display: flex;
  gap: 12px;
  margin-bottom: 18px;
  align-items: flex-start;
}

.tmg-chapter__cap-icon {
  color: #e0007a;
  font-size: 18px;
  flex-shrink: 0;
  line-height: 1.4;
}

.tmg-chapter__cap-title {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  display: block;
  margin-bottom: 2px;
}

.tmg-chapter__cap-desc {
  font-size: 13px;
  color: #7a8aaa;
  line-height: 1.5;
}

.tmg-chapter__card-footer {
  font-size: 13px;
  color: #7a8aaa;
  border-top: 1px solid #2a3a5c;
  padding-top: 16px;
  line-height: 1.6;
}

.tmg-chapter__brands {
  max-width: 1100px;
  margin: 56px auto 0;
}

.tmg-chapter__brands-label {
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #7a8aaa;
  margin-bottom: 24px;
}

.tmg-chapter__brands-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.tmg-chapter__brand-card {
  flex: 1 1 280px;
  background: #1a2540;
  border: 1px solid #2a3a5c;
  border-radius: 8px;
  padding: 28px 24px;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  display: block;
}

.tmg-chapter__brand-card:hover {
  border-color: #e0007a;
  background: #1f2e50;
}

.tmg-chapter__brand-card--active {
  border-color: #e0007a;
}

.tmg-chapter__brand-badge {
  display: inline-block;
  background: #e0007a;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 20px;
  margin-bottom: 12px;
}

.tmg-chapter__brand-logo {
  max-width: 140px;
  max-height: 56px;
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto 12px;
  object-fit: contain;
}

.tmg-chapter__brand-name {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 4px;
}

.tmg-chapter__brand-desc {
  font-size: 13px;
  color: #7a8aaa;
}

@media (max-width: 768px) {
  .tmg-chapter {
    padding: 40px 20px;
  }
  .tmg-chapter__headline {
    font-size: 26px;
  }
  .tmg-chapter__inner {
    flex-direction: column;
    gap: 32px;
  }
  .tmg-chapter__brands-grid {
    flex-direction: column;
  }
}