@import '../../../../../components/style/themes/default.less';

.home-banner-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  > * {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }

  > img {
    display: block;
  }

  > svg {
    display: none;
  }
}

@media (min-width: @screen-sm-min) {
  .home-banner-background {
    > img {
      display: none;
    }

    > svg {
      display: block;
    }
  }
}
