.component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8 .block-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  box-shadow:  0px 2rem 4rem -1rem rgba(0, 0, 0, 0.25);
}

.component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8 .block-container,
.component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8 .block-container > .box-background {
  border-radius: 2rem;
  padding: 0;
}

.component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8 .block-container > .box-background {
  overflow: hidden;
}

.component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8 .block-container > .box-content {
  flex-grow: 1;
}

.component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8 .media-box {
  margin-bottom: 0;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  overflow: hidden;
}

.component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8 .text-box,
.component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8 .text-box > * {
  width: 100%;
}

.component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8.center .media-box {
  display: none;
}

@media only screen and (min-width: 768px) {
  .component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8.left .block-container > .box-content,
  .component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8.right .block-container > .box-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
  .component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8.right .media-box {
    order: 1;
  }
  .component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8 .media-box {
    border-radius: 0;
  }
  .component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8.left .media-box {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    margin-right: 0;
  }
  .component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8.right .media-box {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    margin-left: 0;
  }
  .component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8.left .text-box,
  .component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8.right .text-box {
    display: flex;
    align-items: center;
    width: 100%;
  }
}

.component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8 .media-box,
.component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8 .media-box > .box-content,
.component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8 .media-box .unstack-media,
.component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8 .media-box picture,
.component-a0bfe591-3bcb-4ec9-b621-f6a7c50e8af8 .media-box img {
  height: 100%;
  object-fit: cover;
}