/* LWIAPI: LinkWithImageAndPlayIcon (component) */
/* Uses flex grid to overlay text because using the position method */
/* collides with the postion:fixed for the navbar */
.lwiapi-outer-div {
  display: grid;
  place-items: center;
  /*not working? -webkit-animation: feature-text-anim 0.75s ease-in-out;
  animation: feature-text-anim 0.75s ease-in-out;*/
}

.lwiapi-image-div {
  grid-area: 1/1;
  /* styling for the image */
}
.lwiapi-image-div img {
  /* allows manual adjust of width and height while */
  /* still keeping fluid/responsive */
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.lwiapi-link-and-icon-div {
  grid-area: 1/1;
  text-align: center;
}
.lwiapi-link-and-icon-div i {
  color: white;
  background-color: black;
  border-radius: 15px;
  font-size: 60px;
}

/*# sourceMappingURL=LinkWithImageAndPlayIcon.css.map */
