[data-component-id="skywin:block_slogan"] {
  /* @todo Add your styles here. */

  display: grid;
  grid-auto-columns: 1fr;
  grid-template-rows: 1fr;
  position: relative;

  .content, .media{
    grid-area: 1 / 1 / 2 / 2;
  }
  .media{
    :is(img,picture,object,embed){
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
    .block, .field, .field-item, .field-items{
      display: contents;
    }
  }
  .content{
    display: grid;
    justify-content: end;
    align-content: start;
    padding: calc( 2 * var(--size-auto-xxl));
    z-index: 2;

    font-size: var(--size-auto-xxl);
    line-height: 1;
    font-weight: 200;
    color: #fff;
    text-shadow: 1px 1px 2px #000;

    p{

      line-height: 1;
    }

  }

}