# Make images round (2nd and 3rd layouts)

**URL:** <https://community.elfsight.com/t/make-images-round-2nd-and-3rd-layouts/25218>\
**Category:** Team Showcase\
**Created:** [November 10, 2023, 5:57pm UTC](https://community.elfsight.com/t/make-images-round-2nd-and-3rd-layouts/25218 "2023-11-10T17:57:58Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [November 10, 2023, 5:57pm UTC](https://community.elfsight.com/t/make-images-round-2nd-and-3rd-layouts/25218/1 "2023-11-10T17:57:58Z")

</div>

Add this code to the Custom CSS field on the Style tab of your [Team Showcase](https://elfsight.com/team-showcase-widget/) widget’s settings:

```auto
.eapp-team-showcase-member-card-photo-photoContainer img {
    height: 100%;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
    width: auto;
    border-radius: 50%;
}

```