img {
	width: min(30.4rem, 100%);
	border: 0.05rem solid var(--global_color-foreground);
}

.desktop-img {
	display: flex;
	gap: 0.2rem;
	flex-wrap: wrap;
	align-items: baseline;
	img {
		width: 10rem;
	}
	a {
		display: flex;
	}
}

@media (min-width: 840px) {
	.desktop-img-3 {
		display: grid;
		grid-template-columns: 30rem 1fr;
		grid-gap: 0.2rem;
		a {
			display: flex;
		}
		.side {
			display: flex;
			flex-direction: column;
			gap: 0.2rem;
		}
	}
}
