@media (max-width: 767px) {
  .flex {
    flex-direction: column;
  }
}

.roaster-page__info {
  align-self: center;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .roaster-page .flex > div {
    width: 50%;
  }
}

.roaster-page .flex > div img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  overflow: hidden;
}