#home-page #reel {
  height: 50vh;
  background-color: gray;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none; }
  #home-page .services {
    padding: 30px 0; }
    #home-page .services .service {
      margin-bottom: 20px;
      display: block; }
      #home-page .services .service h3 {
        margin-top: 10px;
        margin-bottom: 0;
        padding-left: 15px;
        font-size: 1.5rem;
        text-decoration: none !important; }
      #home-page .services .service .service-image {
        background-size: cover;
        background-position: center;
        border-radius: 10px;
        position: relative;
        overflow: hidden; }
        #home-page .services .service .service-image img {
          height: 250px;
          width: 100%;
          opacity: 0; }
        #home-page .services .service .service-image .mask {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          display: flex;
          align-items: center;
          justify-content: center;
          opacity: 0;
          transition: opacity 0.1s ease-in-out; }
          #home-page .services .service .service-image .mask > div {
            color: white;
            font-size: 1.2rem;
            border: solid 1px white;
            border-radius: 5px;
            padding: 5px 10px; }
      #home-page .services .service:hover .service-image .mask {
        opacity: 1; }
        #home-page .services .service:hover h3 {
          text-decoration: underline; }
  #home-page .celebrities, #home-page .clients {
    margin-bottom: 50px; }
    #home-page .celebrities .swiper-button-prev, #home-page .clients .swiper-button-prev, #home-page .celebrities .swiper-button-next, #home-page .clients .swiper-button-next {
      background-color: rgba(255, 255, 255, .7);
      border-radius: 3px;
      color: black; }
      #home-page .celebrities .swiper-button-prev:after, #home-page .clients .swiper-button-prev:after, #home-page .celebrities .swiper-button-next:after, #home-page .clients .swiper-button-next:after {
        font-size: 24px; }
    #home-page .celebrities .ceb, #home-page .clients .ceb {
      text-align: center;
      cursor: pointer; }
      #home-page .celebrities .ceb .ceb-photo, #home-page .clients .ceb .ceb-photo {
        height: 250px;
        width: 100%;
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        border-radius: 5px;
        display: block;
        margin: 0 auto 10px auto; }
      #home-page .celebrities .ceb .img, #home-page .clients .ceb .img {
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 90%;
        overflow: hidden;
        margin: 0 auto; }
        #home-page .celebrities .ceb .img img, #home-page .clients .ceb .img img {
          height: 70px;
          width: auto;
          opacity: 0; }
      #home-page .celebrities .ceb .ceb-name, #home-page .clients .ceb .ceb-name {
        font-weight: bold; }