Events List Formatting

I am hoping that someone can help me with the Events List Formatting. It used to look really nice and now it looks terrible. Looks like it’s using the default value and I don’t know if it was using that previously or not and it changed with an update or not, but I really like to get it back to the way it used to look. So if anyone can help me with the HTML and correct placeholders to put it back, it much appreciated.

As you can see in the screenshots, the old images are on top and the new images are at the bottom.
https://imgur.com/a/dZrIw3B

This is what is in the “Default Events List Format” box under “Events List Format” on the formatting page of the settings.

<div class="em-event em-item {is_cancelled}em-event-cancelled{/is_cancelled}" style="--default-border:#_CATEGORYCOLOR;">
	<div class="em-item-image {no_image}has-placeholder{/no_image}">
		{has_image}
		#_EVENTIMAGE{medium}
		{/has_image}
		{no_image}
		<div class="em-item-image-placeholder">
			<div class="date">
				<span class="day">#d</span>
				<span class="month">#M</span>
			</div>
		</div>
		{/no_image}
	</div>
	<div class="em-item-info">
		<h3 class="em-item-title">#_EVENTLINK</h3>
		{is_cancelled}
		<div class="em-event-cancelled em-notice em-notice-error em-notice-thin em-notice-icon">
			<span class="em-icon em-icon-cross-circle"></span>
			This event has been cancelled.		</div>
		{/is_cancelled}
		<div class="em-event-meta em-item-meta">
			<div class="em-item-meta-line em-event-date em-event-meta-datetime">
				<span class="em-icon-calendar em-icon"></span>
				#_EVENTDATES    
			</div>
			<div class="em-item-meta-line em-event-time em-event-meta-datetime">
				<span class="em-icon-clock em-icon"></span>
				#_EVENTTIMES
			</div>
			{bookings_open}
			<div class="em-item-meta-line em-event-prices">
				<span class="em-icon-ticket em-icon"></span>
				#_EVENTPRICERANGE
			</div>
			{/bookings_open}
			{has_location_venue}
			<div class="em-item-meta-line em-event-location">
				<span class="em-icon-location em-icon"></span>
				#_LOCATIONLINK
			</div>
			{/has_location_venue}
			{has_event_location}
			<div class="em-item-meta-line em-event-location">
				<span class="em-icon-at em-icon"></span>
				#_EVENTLOCATION
			</div>
			{/has_event_location}
			{has_category}
			<div class="em-item-meta-line em-item-taxonomy em-event-categories">
				<span class="em-icon-category em-icon"></span>
				<div>#_EVENTCATEGORIES</div>
			</div>
			{/has_category}
			{has_tag}
			<div class="em-item-meta-line em-item-taxonomy em-event-tags">
				<span class="em-icon-tag em-icon"></span>
				<div>#_EVENTTAGS</div>
			</div>
			{/has_tag}
		</div>
		<div class="em-item-desc">
			#_EVENTEXCERPT{25}
		</div>
		<div class="em-item-actions input">
			<a class="em-item-read-more button" href="#_EVENTURL">More Info</a>
			{bookings_open}
			<a class="em-event-book-now button" href="#_EVENTURL#em-event-booking-form">
				<span class="em-icon em-icon-ticket"></span>
				Book Now!			</a>
			{/bookings_open}
		</div>
	</div>
</div>

Any help with getting this back to the way it used to look would be awesome.

The page I need help with: [log in to see the link]