<!-- WEATHER MODULE (745px wide, color-matched background) -->
<div style="
  width: 745px;
  height: 240px;
  background-color: #08488D; /* ✅ Matched to weather image */
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
">

  <!-- Embedded Weather Image (adjust vertical position with margin-top) -->
  <img
    src="https://w.bookcdn.com/weather/picture/3_2015_1_1_0a4d94_750_ffffff_333333_08488D_1_ffffff_333333_0_6.png?scode=2&domid=w209&anc_id=55640"
    alt="Live Weather"
    style="
      width: 100%;
      height: auto;
      display: block;
      margin-top: -10px; /* 👈 adjust this value as needed */
    "
  />

</div>


