[BUG] Map Overlaps Dropdown Selection Bar

### 🐛 UI Bug: Map Overlaps Dropdown Selection Bar

**Description:**

The map interface visually overlaps the text input/dropdown selection bar below it. This affects the usability and readability of the dropdown, especially when selecting hazard type, region, and area.

**Steps to Reproduce:**

1. Visit [[SafeGully](https://anditisyou.github.io/SafeGully/)](https://anditisyou.github.io/SafeGully/).
2. Observe the layout on the main page.
3. Notice that the map section spills over and covers the dropdown selection bar.

**Expected Behavior:**

The map and the dropdown section should be clearly separated with proper padding or margins. The dropdown inputs should be fully visible and easily clickable.

**Actual Behavior:**

The map container overlaps with the dropdown UI, making it look cluttered and partially obstructing the view.

**Environment:**

* Browser: Chrome (latest)
* URL: [https://anditisyou.github.io/SafeGully/](https://anditisyou.github.io/SafeGully/)
* Screen resolution: 1920 x 1080
* Platform: Desktop

**Screenshot:**