.videos {
	--videos-margin-block: 60px;
	--videos-padding-inline: 20px;
	--videos-columns: 1fr 1fr;
	margin-block: var(--videos-margin-block);
	padding-inline: var(--videos-padding-inline);
}

.videos-container {
	width: var(--container-width-wide, 1300px);
	margin-inline: auto;
	max-width: 100%;
	display: grid;
	grid-template-columns: var(--videos-columns);
	gap: 40px 20px;
}

.videos video {
	object-fit: contain;
}

@media screen and (max-width: 1023px) {
	.videos {
		--videos-columns: 1fr;
		--videos-margin-block: 35px;
	}
}