.block_3 {
	margin: 0 0 60px 0;
}

.block_3_flex {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 30px;

    /* это бы в reset.css закинуть, но страшно */
    margin: 0;
    padding: 0;
}

.block_3_flex_in {
	border-radius: 16px;
	overflow: hidden;
    list-style: none;
}

.block_3 .block_3_flex_in:hover {
	box-shadow: 0px 12px 30px 0px rgb(0 0 0 / 10%);
}

.block_3_flex_in img {
	display: block;
	width: 100%;
	height: auto;
}

@media (min-width: 1024px) {
    .block_3_flex_in {
	    max-width: 360px;
    }

    .block_3_flex_in:first-child, .block_3_flex_in:last-child {
	max-width: 780px;
}
}

@media screen and (max-width: 1600px) {
    .block_3_flex_in:first-child, .block_3_flex_in:last-child {
		width: 770px;
	}
}

@media screen and (max-width: 1440px) {
    .block_3_flex_in:first-child, .block_3_flex_in:last-child {
		width: 670px;
	}
	.block_3_flex_in {
		width: 310px;
	}
}

@media screen and (max-width: 1366px) {
    .block_3_flex_in:first-child, .block_3_flex_in:last-child {
		width: 640px;
	}
	.block_3_flex_in {
		width: 295px;
	}
}

@media screen and (max-width: 1280px) {
    .block_3_flex_in:first-child, .block_3_flex_in:last-child {
		width: 600px;
	}
	.block_3_flex_in {
		width: 275px;
	}
}

@media screen and (max-width: 980px) {
    .block_3_flex_in {
		width: calc(50% - 15px);
	}
	.block_3_flex_in:first-child, .block_3_flex_in:last-child {
		width: 100%;
	}
}