.public-page-banner {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #111;
    line-height: 0;
}

.public-page-banner img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 320px;
    object-fit: fill;
    object-position: center;
}

@media (max-width: 768px) {
    .public-page-banner img {
        min-height: 220px;
        max-height: 360px;
        object-fit: cover;
        object-position: center;
    }
}