/**
 * Bootstrap customised
 *
 * @see https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss
 */
.block_hero-slider .slide {
  position: relative;
  height: 550px;
  display: flex;
  align-items: flex-end;
}
.block_hero-slider .slide .content {
  margin: 2rem;
  padding: 2.5rem;
  position: relative;
  z-index: 2;
  background-image: url(../img/paper-texture.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
@media (min-width: 768px) {
  .block_hero-slider .slide .content {
    width: 80%;
  }
}
@media (min-width: 992px) {
  .block_hero-slider .slide .content {
    width: 50%;
  }
}
.block_hero-slider .slide .wrap-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.block_hero-slider .slide .wrap-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}