@import '../settings/variables';
@import '../tools/mixins/breakpoints';

.c-resource {
  background-color: $color-info-box-background;

  @include media-breakpoint-up(md) {
    max-width: 18.75em;
  }

  &--full-dimensions {
    max-width: 100%;
  }

  &__image {
    width: 100%;
    height: 175px;

    &--full-dimensions {
      height: 100%;
    }

    &--overlay {
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.5);
    }
  }
}