How I can remove banner images from events in Bedford?

Site URL: https://www.tenentrepreneurs.org/events

Is it possible to remove banner images from individual events in the Bedford Template?

I want to keep thumbnails on the main event stack: https://www.tenentrepreneurs.org/events

But I don't want to have the thumbnail appear as the banner on the individual event's page. Because more often than not, it looks a bit weird. Example: https://www.tenentrepreneurs.org/events/the-future-of-visas-and-immigration-with-kevin-foster-mp

Is there a way to remove the banner images on the events? I tried with some custom code and it looked ok, but it made the logo land on top of the text and the white menu text disappear.

Any help will be appreciated.

Add to Home > Design > Custom CSS

.collection-type-events.view-item .banner-thumbnail-wrapper {
    display: none;
}