:is(.card, .img)[data-observer]:not(.viewport--seeing), [data-observer]:not(.viewport--seeing) :is(.card, .img) {
		opacity: 0;
		transform: translateY(4em);
	}
		:is(.card, .img).viewport--seeing {
			opacity: 1;
			transform: translateY(0);
			transition: box-shadow 0.8s ease 0s, opacity 0.9s ease 0s, top 0.8s ease 0s, transform 1s ease 0s;
		}
		:is(.card, .img).viewport--seeing:nth-child(2) {transition-delay: .1s;}
		:is(.card, .img).viewport--seeing:nth-child(2) {transition-delay: .2s;}
		:is(.card, .img).viewport--seeing:nth-child(3) {transition-delay: .3s;}
		:is(.card, .img).viewport--seeing:nth-child(4) {transition-delay: .4s;}
		:is(.card, .img).viewport--seeing:nth-child(5) {transition-delay: .5s;}
		:is(.card, .img).viewport--viewed {transition-delay: 0s !important;}

		[data-observer].viewport--seeing :is(.card, .img):nth-child(2) {transition-delay: .1s;}
		[data-observer].viewport--seeing :is(.card, .img):nth-child(2) {transition-delay: .2s;}
		[data-observer].viewport--seeing :is(.card, .img):nth-child(3) {transition-delay: .3s;}
		[data-observer].viewport--seeing :is(.card, .img):nth-child(4) {transition-delay: .4s;}
		[data-observer].viewport--seeing :is(.card, .img):nth-child(5) {transition-delay: .5s;}
		[data-observer].viewport--viewed :is(.card, .img){transition-delay: 0s !important;}