.bh-wrap {
	background-color: var(--green);
	padding: 17px 0;
}

.bh-images {
	display: flex;
	justify-content: space-between;
}

@media only screen and (max-width: 992px) {
    .bh-images {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .bh-images .single-image {
        width: 33.33%;
    }
}

@media only screen and (max-width: 767px) {
 
    .bh-wrap {
        padding: 22px 12px;
    }

    .bh-images {
        gap: 10px;
        row-gap: 32px;
    }

    .bh-images .single-image {
        width: 28.33%;
    }

}

@media only screen and (max-width: 500px) {
    .bh-images .single-image {
        width: 48%;
    }

    .bh-wrap {
        padding: 30px 12px;
    }
}