/**
 * Bootstrap customised
 *
 * @see https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss
 */
.block__about {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .block__about {
    padding-bottom: 20%;
    padding-top: 10%;
  }
}
@media (min-width: 768px) {
  .block__about {
    height: 800px;
    display: flex;
    align-items: center;
    padding-bottom: 5rem;
  }
}
.block__about .team {
  position: absolute;
  right: 0;
  display: flex;
  padding: 0;
  justify-content: flex-end;
  top: 40%;
}
@media (max-width: 1199.98px) {
  .block__about .team {
    position: relative;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 5% 0 0 0;
  }
}
@media screen and (max-width: 463px) {
  .block__about .team img {
    width: inherit;
    height: 100%;
    padding-bottom: 2rem;
  }
}
.block__about::after {
  content: "";
  background-image: url(../img/texture-paper-bottom.jpg);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: 100px;
  background-size: contain;
}
@media (max-width: 991.98px) {
  .block__about::after {
    background-size: cover;
  }
}
.block__about::before {
  content: none;
}
@media screen and (min-width: 1200px) {
  .block__about::before {
    content: url("../img/texture-paper-leaves.png");
    position: absolute;
    right: 0;
    top: -30px;
    transform: translate(25%, -22%) scale(0.5);
  }
}