.square-hero {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    max-height: 500px;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}