@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@container myContainer (max-width: 767px) {
  .my-tile {
    border: 3px solid red;
  }
}
@container (min-width: 768px) {
  .my-tile {
    border: 3px solid red;
  }
}
.embedded-entity img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* or 'contain' depending on behavior */
  display: block;
}
.embedded-entity .embeded-responsive-image-wrapper {
  overflow: hidden;
}

span.embedded-entity {
  display: inline-block;
}
span.embedded-entity.align-center {
  display: inline-block;
  width: 100%;
  text-align: center;
}
span.embedded-entity.align-right {
  float: right;
  margin-left: 24px;
}
span.embedded-entity.align-left {
  float: left;
  margin-right: 24px;
}

div.embedded-entity {
  display: flex;
  width: 100%;
  margin-bottom: 24px;
}
div.embedded-entity.align-center {
  justify-content: center;
}
div.embedded-entity.align-right {
  justify-content: right;
}
div.embedded-entity.align-left {
  justify-content: left;
}

.caption.align-left {
  margin-right: 20px;
}

.caption.align-right {
  margin-left: 20px;
}

.media-with-caption {
  display: flex;
  flex-direction: column;
  align-items: anchor-center;
  margin-top: 24px;
  margin-bottom: 24px;
}

/*# sourceMappingURL=embedded-entity.css.map*/