/** 
 * Color Variables
 */
.block-card {
  padding: 0 12.5%;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
}

.block-card__image {
  width: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 300px; /* Sets a minimum height for the image */
}

.block-card__content {
  width: 50%;
  padding: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center content vertically */
  background-color: #423063;
  gap: 16px;
}

.block-card__title {
  color: #a17de5;
}

.block-card__paragraph p {
  color: white;
  font-size: 0.9375em;
}

.block-card__cta a {
  color: #d1bdf2;
}

.block-card {
  padding: 0 12.5%;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .block-card {
    padding: 0 8%;
  }
}
@media (max-width: 768px) {
  .block-card {
    flex-direction: column; /* Stack image and content vertically */
    padding: 0 5%;
  }
  .block-card__image,
  .block-card__content {
    width: 100%; /* Make them take full width */
  }
  .block-card__image {
    min-height: 250px; /* Reduce minimum height for smaller screens */
  }
}
@media (max-width: 480px) {
  .block-card {
    padding: 0 3%;
  }
  .block-card__image {
    min-height: 200px; /* Further reduce height on smaller screens */
  }
}