Eigene Animationen in Divi über data-scroll-steps.scss

/* #region Ellipsis on the right */
.ellipsis-right {
	&::after {
		background: url("/wp-content/uploads/2022/02/ellipsis-journey.svg");
		bottom: -40px;
		content: "";
		height: 600px;
		position: absolute;
		right: -320px;
		transform: rotate(235deg);
		transition: all 300ms ease;
		width: 600px;
	}
}
@for $i from 0 to 50 {
	body[data-scroll-step="#{$i}"] {
		.ellipsis-right::after {
			transform: rotate(#{235 - ($i * 2)}deg);
		}
		.about-me-3-cols::before {
			transform: rotate(#{$i - 30}deg);
		}
	}
}
/* #endregion */