@media screen and (max-width: 767px) {
  .sites-animations {
    height: 368px;
    align-items: flex-start;
  }
  .sites-animations .ai-sphere {
    width: 100px;
    height: 100px;
    padding: 22px;
  }
  .sites-animations .ai-sphere img {
    width: 56px !important;
    height: 56px !important;
  }
  .sites-animations:before, .sites-animations:after {
    width: 80px;
  }
  .sites-animations:before {
    left: 0;
    background: linear-gradient(90deg, #000 10%, rgba(0, 0, 0, 0) 100%);
  }
  .sites-animations:after {
    right: 0;
    background: linear-gradient(270deg, #000 10%, rgba(0, 0, 0, 0) 100%);
  }
  .sites-animations .sites-animations__images {
    gap: 8px;
  }
  .sites-animations .sites-animations__images .show_case_inner {
    gap: 8px;
  }
  .sites-animations .sites-animations__images .item {
    border-radius: 8px;
    height: 180px;
  }
  .sites-animations .sites-animations__images .item img {
    border-radius: 8px;
    height: 180px;
  }
  .sites-animations .sites-animations__images .with-change-image {
    width: 270px;
  }
  .sites-animations .sites-animations__images .with-change-image img {
    width: 270px;
  }
  .sites-animations .sites-animations__images .service-medium {
    width: 180px;
  }
  .sites-animations .sites-animations__images .service-medium img {
    width: 180px;
  }
  .sites-animations .sites-animations__images .service-small {
    width: 86px;
  }
  .sites-animations .sites-animations__images .service-small img {
    width: 86px;
  }
  .sites-animations .sites-animations__images .show_case_items .items {
    grid-column-gap: 8px;
  }
  .sites-animations .sites-animations__images .images-group {
    width: 86px;
    height: 180px;
  }
  .sites-animations .sites-animations__images .images-group img {
    width: 86px;
    height: 86px;
  }
  .sites-animations .sites-animations__images img {
    width: 270px;
    height: 180px;
  }
}