Media Slider Item

<div class="media_slider_item">
	<div class="media_slider_item_media">
		{% if item.video.id %}
			<picture class="media_slider_item_picture">
				{% include '@partial-image' with {
					class: 'media_slider_item',
					alt: '',
					image: item.image,
					loading: 'lazy',
					crop: 'wide',
					max: 'med',
					sizes: [
						'(min-width: 1220px) 870px',
						'(min-width: 980px) 920px',
						'(min-width: 740px) 690px',
						'95vw'
					]
				} %}
			</picture>

			{% include "@partial-lazy-video" with {
				class: "media_slider_item",
				id: item.video.id,
				type: item.video.type,
				title: item.video.title,
				display: "inline",
				autoplay: false,
				playerVars: {}
			} %}
		{% else %}
			<picture class="media_slider_item_picture">
				{% include '@partial-image' with {
					class: 'media_slider_item',
					alt: '',
					image: item.image,
					loading: 'lazy',
					crop: 'portraitFull',
					max: 'med',
					sizes: [
						'(min-width: 1220px) 425px',
						'(min-width: 980px) 450px',
						'(min-width: 740px) 690px',
						'95vw'
					]
				} %}
			</picture>
		{% endif %}
	</div>

	{% if item.caption %}
		<div class="media_slider_item_caption">
			<p>{{ item.caption }}</p>
		</div>
	{% endif %}
</div>