@import "mixins/tools.mixins";

.c-video {
  margin-top: rem(10);
  margin-bottom: rem(10);
  position: relative;
}

.c-video--image {
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

// This is needed because the play button for video is a template
.c-video__button--play {
  margin-bottom: 1em;
  margin-left: 1em;
  position: absolute;
  bottom: 0;
}
