.twinbox-wrapper {
  border-radius: 60px 0 60px 0;
  background-color: #00587d;
  padding: 96px 32px 96px;
}
.twinbox-wrapper .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.twinbox-wrapper .container .twinbox-image {
  width: 50%;
  margin: 0;
}
.twinbox-wrapper .container .twinbox-image .image {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.twinbox-wrapper .container .twinbox-content {
  width: 50%;
}
.twinbox-wrapper .container .twinbox-content .twinbox-text {
  color: white;
}
.twinbox-wrapper .container .twinbox-image,
.twinbox-wrapper .container .twinbox-content {
  padding-right: 64px;
  padding-left: 64px;
}

{# Mobile styles #}
@media (max-width: 767px) {
  .twinbox-wrapper {
    border-radius: 60px 0 60px 0;
    background-color: #00587d;
    padding: 48px 16px;
  }
  .twinbox-wrapper .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .twinbox-wrapper .container .twinbox-image {
    width: 100%;
    padding: 0;
  }
  .twinbox-wrapper .container .twinbox-image .image {
    margin-bottom: 32px;
  }
  .twinbox-wrapper .container .twinbox-content {
    width: 100%;
    padding: 0;
  }
  .twinbox-wrapper .container .twinbox-content .twinbox-text {
    color: white;
  }
  .twinbox-wrapper .container .twinbox-image,
  .twinbox-wrapper .container .twinbox-content {
  }
}