.phone-container {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.phone-image {
	width: 100%;
	height: auto;
	display: block;
}

.video-container {
	height: 38.5%;
	left: 26%;
	overflow: hidden;
	position: absolute;
	top: 10%;
	width: 30%;
}

.phone-video {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
/* Styles for video controls */


.video-container video::-webkit-media-controls-play-button,
.video-container video::-webkit-media-controls-timeline,
.video-container video::-webkit-media-controls-current-time-display,
.video-container video::-webkit-media-controls-time-remaining-display,
.video-container video::-webkit-media-controls-mute-button,
.video-container video::-webkit-media-controls-volume-slider {
	display: flex !important;
}

{# TABLET BREAKPOINT #}
@media (max-width: 992px) {
	.video-container video::-webkit-media-controls-current-time-display,
	.video-container video::-webkit-media-controls-time-remaining-display {
		display: none !important;
	}

	.video-container video::-webkit-media-controls-volume-slider {
		display: flex !important;
	}
}