<!DOCTYPE html>
<meta name="viewport" content="width=700">
<title>Maria Playing Aid</title>
<style>

html {
	background-color: slategray;
}

.list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 40px;
}

img {
	display: block;
	border-radius: 8px;
}
</style>
<body>

<div class="list">
<img src="../cards/Maria.PlayAid.reverse.2.150.jpg">
<img src="../cards/Maria.PlayAid.reverse.3.150.jpg">
<img src="../cards/Maria.PlayAid.reverse.4.150.jpg">
<img src="../cards/Maria.PlayAid.reverse.5.150.jpg">
<img src="../cards/Maria.PlayAid.reverse.6.150.jpg">
<img src="../cards/Maria.PlayAid.reverse.7.150.jpg">
</div>