Testimonial Style 2

You also will need to change the layout settings for the metadata to be “below content”.

<pre class="source-code">
[data-section-id="DATA SECTION ID"]{
  .summary-thumbnail-outer-container{
    width:100px;
    margin:0 auto;
  }
  .summary-title, .summary-excerpt, .summary-metadata-container{
    width:100%;
    text-align:center;
  }
  .summary-thumbnail-container{
    border:5px solid white;
    border-radius:50%;
  }
  .img-wrapper{
    border-radius:50%;
  }
  .summary-content{
    margin:10px;
    border-radius:3px;
    box-shadow:2px 2px 5px #888;
    height:300px;
    background-color:#f3f3f3;
    margin-top:-55px;
    padding:17px;
    padding-top:55px;
    display:flex;
    flex-wrap:wrap;
    p{
      text-align:center;
    }
  }
  .summary-metadata{
    width:100%;
    display:block !important;;
  }
  .summary-metadata-item--cats{
    font-weight:700;
    opacity:1;
  }
  .summary-metadata-container{
    align-self:flex-end;
  }
  .summary-metadata-item:after {
    content: "" !important;
    margin: 0 .3em;
  }  

  .summary-carousel-pager-next{
    position:absolute !important;
    right:0 !important;
    top:50% !important;
    transform:translate(0, 50%) !important;
  }
  .summary-carousel-pager-prev{
    position:absolute !important;
    left:0 !important;    
    top:50% !important;
    transform:translate(0, 50%)!important;
  }
  @media(max-width:641px){
    .summary-item{
      width:100% !important;
    }
  }
}
</pre>