.hero-banner-basic.overlay {
  position: relative;
  width: 100%;
  height: 100%; }
  .hero-banner-basic.overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, #3B7043 47.21%, #6dab41 100.96%);
    z-index: 1; }
  .hero-banner-basic.overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/images/banners/banner-bg-maze-squares-light.png");
    background-position: center;
    background-repeat: repeat;
    background-size: contain;
    z-index: 1; }
.hero-banner-basic .text-wrapper {
  width: 100%; }
  @media (min-width: 640px) and (max-width: 992px) {
    .hero-banner-basic .text-wrapper {
      width: 60%; } }
.hero-banner-basic figure {
  position: absolute;
  right: 2rem;
  bottom: -4rem; }
  @media (max-width: 640px) {
    .hero-banner-basic figure {
      left: 0;
      right: 0;
      bottom: -12rem;
      display: flex;
      align-items: center;
      justify-content: center; } }
  .hero-banner-basic figure img {
    width: 230px; }
@media screen and (max-width: 640px) {
  .hero-banner-basic {
    padding-bottom: 12rem; } }
.hero-banner-basic .wrapper {
  position: relative;
  z-index: 10; }

/*# sourceMappingURL=minecraft-styles.css.map */