.alerts-f {
  background-image: url('/static/img/friaje1_1.jpg');
  background-size: cover;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: 50% 57%;
}

.alerts-hw {
  background-image: url('/static/img/heatwaves2.jpg');
  background-size: cover;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: 55% 20%;
}

.alerts-h {
  background-image: url('/static/img/heladas1.jpg');
  background-size: cover;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
}

.alerts-r {
  background-image: url('/static/img/rain1_2.jpg');
  background-size: cover;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
}

.alerts-t {
  background-image: url('/static/img/sensacionter1_1.jpg');
  background-size: cover;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
}

.alerts-content {
  margin: 0;
  position: absolute;
  left: 2.6041666667vw;
}

.alerts-content h1 {
  font-size: 2rem;
}

.weather-alerts {
padding: 2rem 0;
background-color: #f9f9f9;
}

.weather-title {
font-size: 2.5rem;
font-weight: bold;
color: #2c3e50;
margin-bottom: 1.5rem;
font-family: 'Arial', sans-serif; /* Puedes cambiar la fuente a tu preferencia */
}