div.elementor-people--skin-grid {
	margin: -15px;
	display: flex !important;
	flex-wrap: wrap;
	column-gap: unset;
	row-gap: unset;
	grid-column-gap: unset;
	grid-row-gap: unset;
	--grid-column-gap: unset;
	--grid-row-gap: unset;
	transform: translateY(0);
	transition: all 0.7s;

	&.loading {
		opacity: 0;
		transform: translateY(50px);
		transition: all 0s;
	}

	article.elementor-grid-item.people {
		display: flex;
		height: 300px;
		padding: 17.5px 15px;

		&.inactive {
			position: absolute;
			opacity: 0;
			z-index: -1;
		}

		.elementor-post__text {
			position: absolute;
			top: 0;
			left: 0;
			display: flex;
			flex-direction: column;
			background: #00899ae6;
			height: 100%;
			width: 100%;
			opacity: 0;
			color: black;
			transition: opacity 0.3s;
		}

		.elementor-icon {
			font-size: 24px;
		}

		.additional-text {
			font-size: 14px;
			line-height: 1.4;
		}

		.bio-read-more-wrapper {
			flex: 1 0 auto;
			display: flex;
			align-items: flex-end;

			a {
				font-size: 14px;
				line-height: 1;
				color: white !important;
				display: flex;
				gap: 0.2em;

				&:hover {
					text-decoration: underline;
				}
			}
		}

		.thumbnail {
			height: 300px;
			overflow: hidden;
			opacity: 0;
			transition: opacity 0.45s ease;
			transition-delay: calc(var(--reveal-row, 0) * 90ms);
		}

		&.is-revealed .thumbnail {
			opacity: 1;
		}

		img {
			transition: transform 0.3s;
		}

		.dot {
			display: none;
			position: absolute;
			width: 40px;
			height: 40px;
			background: rgba(0, 0, 200, 0.5);
			z-index: 1;
			border-radius: 50%;
		}

		.short-bio {
			display: none;
		}

		&.show-bio {
			flex-direction: column;
			height: auto;

			.elementor-post__card {
				min-height: auto;
				max-height: 300px;
			}

			.short-bio {
				display: block;
				padding-top: 20px;
			}

			.bio-read-more-wrapper {
				display: none;
			}
		}

		&.active {
			.elementor-post__text {
				opacity: 1;
				color: white;
			}

			img {
				transform: scale(1.05);
			}
		}

		&.wide {
			flex-basis: 66.66%;
		}

		&.medium {
			flex-basis: 50%;
		}

		&.square {
			flex-basis: 33.33%;
		}

		@media (max-width: 1024px) {
			&.wide,
			&.medium,
			&.square {
				flex-basis: 50%;
			}
		}

		@media (max-width: 767px) {
			&.wide,
			&.medium,
			&.square {
				flex-basis: 100%;
			}
		}
	}

	@media (prefers-reduced-motion: reduce) {
		article.elementor-grid-item.people .thumbnail {
			transition: none;
			transition-delay: 0s;
		}
	}
}