Here are the key CSS properties you can use:

Rotate: Turn stimuli by a set angle.
- {transform: rotate(45deg)}
Rotate in 3D: Tilt stimuli along the X, Y, or Z axes.
- {transform: rotateX(30deg) rotateY(15deg)}
Scale: Resize stimuli proportionally or along one axis.
- {transform: scale(2)} (double the size)
- {transform: scaleX(1.5) scaleY(1)} (stretch horizontally)
Translate (move an element along X, Y, or Z axes)
- {transform: translateX(50px) translateY(-20px)}
Skew (distort an element along X or Y axis)
- {transform: skewX(10deg) skewY(5deg)}
Color Adjustments: Change the color or brightness while applying transformations.
- {transform: rotate(30deg); color: red}
- {transform: rotate(45deg); filter: brightness(150%)}

stimOptions= {transform: scale(1.5); filter: brightness(50%)};{transform: rotate(30deg); filter: brightness(150%)}

stimOptions= {transform: scale(1.5); filter: brightness(50%)};{transform: rotate(30deg); filter: brightness(150%)}, random

Define and position stimuli