.social_carousel{
  display:flex;
  flex-direction:column;
  gap:var(--content-gap-components);
}
  .social_carousel__content{
    align-items:center;
    display:flex;
    gap:1rem;
    justify-content:center;
  }
  @media (width => 768px),screen and (min-width:768px){
  .social_carousel__content{
      gap:var(--content-gap-components)
  }
    }