@media (min-width: 769px) and (max-width: 991px) {
    /* stacked */
	.card-group.stacked img {
	width: 616px !important;
	top: 50px;
	left: 50%;
	transform: translateX(-50%) rotate(var(--rotation));
	z-index: 2;
	}

	/* scattered */
	.card-group.scattered .img-1 { top: 0px; left: 10%; transform: none; }
	.card-group.scattered .img-2 { top: 180px; left: 0%; transform: none; }
	.card-group.scattered .img-3 { top: 280px; left: 15%; transform: none; }
	.card-group.scattered .img-4 { top: 80px; right: 0; transform: none; }

	/* reset */
	.card-group.reset{
		height: 2213px !important; 
		transition: all 0.9s ease-in-out;
	}
	.card-group.reset-final{
		height: auto !important;
	}
	.card-group.reset img {
	width: 100% !important;
	z-index: 0;
	}
	.card-group.reset .img-1 { top: 0; left: 1%; transform: none; }
	.card-group.reset .img-2 { top: 35%; left: 1%; transform: none; }
	.card-group.reset .img-3 { top: 100%; left: 1%; transform: none; }
	.card-group.reset .img-4 { top: 100%; left: 1%; transform: none; }
}