[data-component-id="revatech_adr:text_bg"] {
  /* @todo Add your styles here. */
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr ;
  position: relative;
  justify-content: center;
  align-items: center;
  .media-wrapper {
    grid-area: 1 / 1 / 2 / 2;
    z-index: 0;
    position: relative;

    &::after{
      content: "";
      position: absolute;
      inset: 0;
      background-color: rgba(0,0,0,.2);
    }

    img,picture{
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

  }

  .content-wrapper {

    --color-text: #fff;
    --color-text-neutral-loud: #fff;

    grid-area: 1 / 1 / 2 / 2;
    z-index: 1;
    width: min( 100% - 3rem, 45rem);
    margin-inline: auto;
    margin-block: 2rem;



  }
}