.intro-box {
  /* align-items: stretch; */
  align-items: center;
  justify-content: center;
}
#introduction_section .photo-container {
  /* height: 75vmin; */
  flex: 1;
  flex-basis: 30%;
  border-radius: 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
  max-height: 500px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  /* padding: 15px 10px; */
}
#introduction_section .photo {
  height: 100%;
  width: auto;
  object-fit: contain;
  object-position: center;
  /* margin-left: calc(50% - 50vw); */
}
.discription {
  flex: 2;
  flex-basis: 60%;
  border-radius: 5px;
  padding: 25px 50px;
  height: 100%;
}
.discription p {
  white-space: pre-line;
}
/* .discription .button {
  align-self: flex-start;
  border: none;
  border-radius: 100px;
  color: #fff !important;
  cursor: pointer;
  font-family: Lato, sans-serif;
  justify-content: center;
  margin-bottom: 16px;
  padding: 8px 20px;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: var(--secondary-color);
}
.discription .button:hover {
  transform: translateY(-5px);
  background-color: var(--third-color);
  box-shadow: 0 12px 24px -6px rgba(52, 221, 135, 0.2);
} */
@media screen and (max-width: 768px) {
  .intro-box > * {
    flex-basis: 100%;
  }
  .photo-container {
    max-height: 200px;
  }
  .photo {
    width: 100%;
    height: auto;
  }
  .discription {
    padding: 5px 5px;
  }
}