Event times “spill over”, RTL and image

Webnus,
Thank you for replying.
1 – 2
I have made a separate page for trying out different layouts and sending you. The link is: https://ezhadaat.com/%d7%a0%d7%99%d7%a1%d7%99%d7%95%d7%9f-%d7%a9%d7%9c-%d7%99%d7%95%d7%9e%d7%a0%d7%99%d7%9d-%d7%a9%d7%95%d7%a0%d7%99%d7%9d/
The layout here is weekly. You may see, for example:
– On Mondays and Thursdays (beginning September 1st) –
The light blue event appears like it is 5 separate hourly events: at 09:00, at 10:00, at 11:00, at 12:00, at 13:00 (which also means it ends at 14:00).
However, it is set to be a single event from 09:00 until 13:00.
– On Wednesdays, the red event, appears as 2 separate hourly events: at 10:00 and at 11:00 (which suggests it ends at 12:00).
However, it is set to be a single event from 10:00 to 11:30.
Here is the link for screenshots: https://we.tl/t-cHaRhbfEQf (did not understand where is #4)
– On Tuesdays, the yellow event appears to be 2 separate hourly events: at 12:00 and at 13:00. However, it is set to be a single event of one hour from 12:00 to 13:00.
This would be highly confusing for somehow who is coming to see the classes I give.
3
See above the page I made.
4.
Took me a while to understand but it worked. Some of the pictures worked on their own once I made the folder. Some didn’t, as they were transferred (by MEC) with wrong filename somehow.

I also had to modify the CSS: some for RTL, some for the footer widget (Carousel) and some for more uniform look with the style of my site. There are some thinkgs still needed to be done.
Here are my modifications (Custom CSS):

.mec-wrap .mec-totalcal-box i{float:left;border-radius:0;}
.mec-fluent-wrap .mec-skin-monthly-view-month-navigator-container{border-radius:0;}
.mec-fluent-wrap .mec-calendar.mec-event-calendar-classic .mec-calendar-table-head{border-radius:0;}
.mec-fluent-wrap .mec-text-input-search input[type=”search”]{border-radius:0;}
.mec-fluent-wrap .mec-load-month, .mec-fluent-wrap .mec-load-year{border-radius:0;}
.mec-fluent-wrap{border-radius:0;}
/*.mec-fluent-wrap .mec-calendar{background-image:url(./images/mec-fluent-charachter.svg);}*/
.mec-slider-t2-wrap{height:300px;min-height:300px;}
.mec-slider-t2 .mec-slider-t2-img {height:300px;}
.mec-slider-t2 .mec-slider-t2-content{right:45%;top:5%;bottom:5%;}
.mec-slider-t2 .mec-slider-t2-content{height:240px;}
.mec-event-grid-modern .event-grid-modern-head .mec-event-date{font-size:25px;line-height:30px;}
.mec-event-grid-modern .event-grid-modern-head .mec-event-day{margin-top:0;font-size:20px;text-transform:none;letter-spacing:0;}
.mec-event-grid-modern .mec-event-content{padding:15px 15px 10px;}
.mec-event-grid-modern .event-grid-modern-head{margin-bottom:0;padding:0}
.mec-slider-t2 .mec-slider-t2-content.mec-event-grid-modern .mec-event-title{font-size:20px;}
.mec-event-loc-place{display:none;}
.mec-slider-t2-content.mec-event-grid-modern .mec-event-footer .mec-booking-button{font-size:16px;padding:10px 20px;line-height:20px;height:40px;}
.mec-event-grid-modern .mec-event-footer{height:40px;padding:0;}
.mec-event-footer .mec-booking-button{top:0;}

Thank you,
Vera