.structure-block {
  display: flex;
  align-items: center;
  /* Use 'flex-start' (or 'center') instead of 'space-between' */
  justify-content: flex-start; 
  gap: 90px;
  padding-left: 15px;
  padding-right: 15px;
}

/* Force text block and image block to each take up ~50% of the row */
.text-content,
.image-content {
  flex: 0 0 50%;
  max-width: 50%;
}

/* Ensure the image is responsive within its half */
.image-content img {
  max-width: 100%;
  height: auto;
}

/* Mobile view: stack vertically */
@media (max-width: 767px) {
  .structure-block {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  
  /* Let text and image occupy full width on mobile */
  .text-content,
  .image-content {
    flex: 0 0 auto;
    max-width: 100%;
  }
  
  .image-content img {
    width: 100%;
  }
}