Resizing cover image on mobile only

Site URL: https://pourednyc.com/

Hello, I am trying to resize my homepage image to make it fit on mobile. It is the first image of the table with the logo "Poured." Is there CSS that can fix this issue? 

PASSWORD FOR SITE IS(ALL CAPS) :   TEST

Add to Design > Custom CSS

/* resize background image */
@media screen and (max-width:767px) {
	[data-section-id="61968708c0bf2e4ac499bcab"] {
.section-background-content {
    z-index: 999;
}
.section-background-content .section-background-canvas {
    visibility: hidden;
}
.section-background img {
    visibility: visible !important;
    object-position: 5% !Important;
}
& {
    min-height: unset !important;
    height: 40vh !important;
}}}