#apple, #supportive { scroll-margin-top: 15px; }
html { scroll-behavior: smooth; }

.widthStablizer-image
{
	width: 90%;
	/* 	max-height: 1350px; */
	max-width: 1080px;
	height: 1px;
}
.widthStablizer-container
{
	margin: 0 !important;
	padding: 0 !important;
	height: 1px !important;
}

.size-4x5
{
	width: 90%;
	/* 	max-height: 1350px; */
	max-width: 1080px;
	max-height: 100vh;
}

.size-300x300
{
	width: auto;
	max-width: 300px;
	height: 100vh;
	max-height: 300px;
}

.crop-1x1
{
	width: 90%;
	height: 0;
	padding-bottom: 90%;
	/* Maintain 1:1 aspect ratio (square) */
	background-position: center;
	background-size: cover;
	/* or "contain" if you want to fit the whole image */
	border-radius: 15px;
}

.cinemagraph-div
{
	padding: 125% 0 0 0;
	position: relative;
	margin-bottom: -6vw;
}

.landscape-16x9-div
{
	padding: 56.25% 0 0 0;
	position: relative;
	margin-bottom: -6vw;
}

.cinemagraph-iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 90%;
	max-width: 1080px;
	margin: 0;
	padding: 0;
	max-height: 100vh;
}