@media screen and (min-width: 600px) {
  .editor-styles-wrapper .hero-container {
    float: right;
    width: 25%;
    max-width: 25%;
  }
}

@media only screen and (min-width: 768px) {
  .entry-content > .hero-container.hero-image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 8 / 11;
  }
}