Displaying a team often involves a boring grid of headshots. A 3D rotating carousel (often called a “Merry-Go-Round”) makes the team section interactive and fun to explore.

To solve this, use Div Render Container Slider for Elementor.

Step 1: Card Design

Design your Team Card in a child Container: Image at the top, Name and Role below. Make sure the background is non-transparent so it stands out against the page.

Step 2: Slider Settings

Enable Slider Mode on the parent Container.

  • Effect: Coverflow is the best base for this.
  • Slides Per View: Set to 3 or 5. You need odd numbers for a centered layout.
  • Centered Slides: Yes.
  • Loop: Yes. This is what makes it a “Carousel” – it spins endlessly.

Step 3: Tuning the Rotation

In the Coverflow settings:

  • Rotate: Increase the rotation angle (e.g., 50) to make the side items turn sharply inward.
  • Depth: Increase depth (e.g., 100) to push them further back.

This creates a circular arrangement feel where profiles rotate into view.

Pro Tips for Team Carousels

  • Autoplay: Set a slow autoplay (e.g., 4000ms) so the team members cycle through automatically.
  • Social Icons: Ensure social icons inside the cards are easy to click. Sometimes heavy 3D transforms can make clicking difficult on side items; Centered Slides ensures the user interacts primarily with the active, flat slide.