.convo-content {
  flex: 3;
  max-height: 60%;
  display: flex;
  flex-direction: column;
}

.chat-bedankt-berichten {
  display:flex;
  flex-direction: column;
  /* align-self: flex-start; */
  justify-content: center;
  flex: 10;
  padding: 0 0 0 1rem;
  font-size: 90%;

}

.bedankt-bericht {
  position: relative;
  display: flex;
  background: linear-gradient(#fbfbfb, rgb(243, 242, 242));
  border-radius: 0em 0em 0.5em 0.5em;
  padding: 1rem;

}

.chat-header{
    display: flex;
    align-self: center;
    color: #636;
    text-align: center;
}

@media (min-width: 768px) {
  .safe-area-view {
    margin-top: 20px;
        height: 400px;
  }

  .convo-content {
    flex: 3;
    max-height: 60%;
    display: flex;
    flex-direction: row;

  }

  .bedankt-bericht:after {
    content: "";
    width: 4%;
    height: 10%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    bottom: -4.5%;
    left: -2%;
    background-image: url(../assets/images/chatmessage_wing.png);
  }
}

@keyframes transitionMessageIn {
    0% {
        opacity: 0;
    }

    99.9% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.bedankt-bericht:first-child {
  animation: transitionMessageIn 1s;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .bedankt-bericht:first-child {
    margin-top: 20px;

  }
}

.bedankt-bericht:last-child {
  animation: transitionMessageIn 2s;
}

.linkedCol-items {
  gap: 0.2rem;
}

.linkedCol-items p{
  padding-bottom: 8px;
}

.chat-img {
  align-self: center;
  transform: unset;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: unset;
}

.chatImage {
width: 6rem;
height: 6rem;
/* transform: translateY(60px); */
}

@media (min-width: 768px) {
  .chatImage {
  width: 6rem;
  height: 6rem;
  transform: translateY(120px);
  }
}

.hero-logo img {
width: 20%;
max-width: 100%;
height: auto;
}