@layer blocks {
	.connect-with-us {
		background-color: var(--color-gray-2);
		display: grid;

		&:has(.connect-image) {
			@media (width >= 48em) {
				grid-template-columns: repeat(2, 1fr);
			}
		}
	}

	.connect-image {
		@media (width < 48em) {
			grid-row: 1;
		}

		& img {
			block-size: 100%;
			inline-size: 100%;
			object-fit: cover;
		}
	}
}