.block-more-info {
  padding: 100px 5%;
}

/* Container Row */
.block-more-info-panel__row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #423063;
  /* The row's background color */
  position: relative;
  /* So the image can hang out */
  padding: 20px;
  /* Optional padding for content */
  min-height: 15vw;
  border-radius: 16px; /* Rounded corners */
}

/* 50/50 Split Columns */
.block-more-info-panel__column {
  width: 60%;
  padding-right: 8%; /* Add padding to right of text (same as between image and left side) */
}

.block-more-info-panel__title {
  color: white;
}

.block-more-info-panel__content {
  color: white;
}

/* The Image */
.block-more-info-panel__thumbnail {
  width: 21vw;
  /* Adjust this to make the image responsive */
  aspect-ratio: 684/626;
  /* Maintains a square image */
  background: red;
  /* For testing */
  position: absolute;
  /* Allows the hanging effect */
  left: 8%;
  border-radius: 16px; /* Rounded corners on image */
}
