html, body {
    margin: 0;
    padding: 0;
  }
  
  #map {
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
  }
  
  #selectContainer {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    padding: 11px 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  #countrySelect {
    width: 200px;
    margin: 0 auto;
  }

  #flag {
    display: inline;
    padding: 0;
    margin:0;
  }


.no-arrows::-webkit-outer-spin-button,
.no-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.story {
  margin-bottom: 20px;
}

.news-image {
  max-width: 100%; /* Ensures the image does not exceed the width of its container */
  height: auto; /* Maintains aspect ratio */
  display: block; /* Removes any inline space below the image */
  border-radius: 8px; /* Optional: adds rounded corners to the image */
}