.divImg {
  max-width: 400px;
  max-height: 200px;
  border-radius: 0 1rem 1rem 0;
  overflow: hidden;
  box-shadow: 8px 5px 5px black;

  display: flex;
  flex-direction: row;
}

.charImg {
  object-fit: cover;
  max-height: 200px;
  border: 1px solid black;
  border-radius: 0 1rem 1rem 0;
  max-width: 200px;
  overflow: hidden;
}

.middleCharImg {
  object-fit: cover;
  max-height: 200px;

  border-radius: 0px;
  max-width: 200px;
  border: 1px solid black;

  overflow: hidden;
}

.castImg {
  min-width: 200px;
  max-height: 200px;
  object-fit: cover;
  object-position: left;
  border: 1px solid black;
  border-color: 1px 1px white;
  border-radius: 1rem 0 0 1rem;
  overflow: hidden;
}
.castDiv {
  width: 600px;
  height: auto;
  background-color: rgba(39, 133, 117, 0.5);
  padding: 2rem;
  margin: 1rem;
  border-radius: 2rem;
  overflow: hidden;
}
.castTitleContainer {
  background-color: rgb(0, 86, 143);
}