.about{
  .carousel{
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
    position: relative;
    z-index: 10;
    display: inline-block;
    margin-top: $size-medium;
    @include media-breakpoint-up(lg){
      margin-top: -$size-medium;
    }
    &:before{
      position: absolute;
      content: "";
      width: 315px;
      height: 315px;
      background-color: $primary;
      right: -$size-large;
      bottom: -$size-large;
      -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
      -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
      box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
      @include media-breakpoint-down(xs){
        width: 285px;
        height: 285px;
        right: calc(-#{$size-large} / 2);
      }
    }
  }
  .carousel-inner{
    width: 300px;
    height: 300px;
    //border: 15px solid $white;
    @include media-breakpoint-down(xs){
      width: 275px;
      height: 275px;
    }
  }
  .carousel-indicators{
    bottom: -45px;
    li{
      width: 8px;
      height: 8px;
      border-radius: 50%;
    }
  }
  .carousel-image-wrapper{
    background-color: $white;
    img{
      width: 100%;
    }
  }
}