Responsiveness of events.html (ISCKON events) page

## Description

**Issue 1.**
The **responsiveness** of the **Isckon Events** page (event.html in the directory) needs to be managed for screen size **767*708** pixels.

**Issue 2.**
The .**text-container** element under **about section** of the **event.html** overlaps with the **tour section** when screen size is of the order **918*710** pixels.

**Expected behavior:**

1. The page should be **responsive** when the screen size is reduced to **767*708 pixels**.
2. The **text-container element** should not overlap the element of **tour section** below it when screen size is of the order: **918*710 pixels**.

**Actual behavior:**

https://github.com/akshitagupta15june/Moksh/assets/103258259/24f6bc73-fdb6-4068-a67a-5072199edc6d

https://github.com/akshitagupta15june/Moksh/assets/103258259/39a25fb3-4cd4-4caa-acca-96bf0a7145ce

## Reproduction Steps

1. An additonal **media query** should be added in the **event.html** page for screen size : **767*708 pixels** that takes care of the **responsiveness**.

**This can be done as shown below :**


2. The **z-index** and **margin-bottom** property of the .text-container element shiuld be added to avoid the overlapping when screen size is: **918*710 pixels**

**This can be done as shown below :**


## Additional Information

**Device:**

- OS: Windows
- Browser: Chrome
- Version: 114.0.5735.133 (Official Build) (64-bit)

**Additional context:**

I would like to request @akshitagupta15june to kindly assign me this issue so that I can work on it and give my contribution.