.content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.information {
  padding: 30px;
  cursor: pointer;
  transition: transform 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 25px 0px 25px 0px;
}

/* .information p {
    margin-bottom: 20px;
} */

.information:hover {
  transform: scale(1.03);
}

.information.expanded .content {
  max-height: 50vh;
}


@media screen and (max-width: 1024px) {
  .information {
    border-radius: 0px;
  }
}