<div class="weather-container">
  <div class="weather-icon">
    <img
      [ngClass]="iconClass"
      src="https://assets.msn.cn/weathermapdata/1/static/weather/Icons/taskbar_v10/Condition_Card/MostlyCloudyDayV2.svg"
      alt="Mostly Cloudy Weather"
      (mouseenter)="onMouseEnter()"
      (mouseleave)="onMouseLeave()"
    />
  </div>
  <div class="weather-info">
    <span class="temperature">{{ temp }}°C</span>
    <span class="position">{{ position }}</span>
  </div>
</div>
