/* CLIMATE CRISIS PAGE */
.sprite {
    background: url('climate.webp') no-repeat top left;
    width: 550px;
    height: 270px;
}
.sprite.change-in-seasonality { background-position: -25px 0; } 
.sprite.climate-migrants { background-position: -480px 0; } 
.sprite.coastal-flooding { background-position: -920px 0; } 
.sprite.food-insecurity { background-position: -1380px 0; } 
.sprite.forest-fires { background-position: -1840px 0; } 
.sprite.global { background-position: -2300px 0; } 
.sprite.heat-stress { background-position: -2760px 0; } 
.sprite.infrastructure-damage { background-position: -3220px 0; } 
.sprite.localised-flooding { background-position: -3680px 0; } 
.sprite.loss-of-biodiversity { background-position: -4140px 0; } 
.sprite.marine-ecosystems { background-position: -4600px 0; } 
.sprite.pests { background-position: -5060px 0; } 
.sprite.risk-to-water-supplies { background-position: -5520px 0; } 

/* Additional CSS for mobile phones */
@media only screen and (max-width: 600px) {
    .sprite.global-mean-graph {
      width: 100%; /* Adjusted width for mobile */
      margin-right: 0; /* Removed margin for mobile */
    }
  }