<div class="container mt-3">
	<div class="row row-cols-1 row-cols-md-3 g-4">
		<div class="col">
			<div class="card h-100">
				<img src="://0" class="card-img-top text-center" alt="...">
				<div class="card-body">
					<h5 class="card-title">A post w/ no image.</h5>
					<p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
				</div>
			</div>
		</div>
		<div class="col">
			<div class="card h-100">
				<img src="https://picsum.photos/250/140" class="card-img-top text-center" alt="...">
				<div class="card-body">
					<h5 class="card-title">A post with image.</h5>
					<p class="card-text">This is a short card.</p>
				</div>
			</div>
		</div>
		<div class="col">
			<div class="card h-100">
				<img src="https://picsum.photos/250/140" class="card-img-top text-center" alt="...">
				<div class="card-body">
					<h5 class="card-title">A post with image.</h5>
					<p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content.</p>
				</div>
			</div>
		</div>
		<div class="col">
			<div class="card h-100">
				<img src="https://picsum.photos/250/140" class="card-img-top text-center" alt="...">
				<div class="card-body">
					<h5 class="card-title">A post with image.</h5>
					<p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
				</div>
			</div>
		</div>
	</div>
</div>

let images = document.querySelectorAll("img");
for (let z = 0; z < images.length; z++) {
	if (images[z].src.includes("://0"))
		images[z].src =
			"data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewbox='0 0 250 140' %3e%3cpath d='M0 0 L250 140M250 0L0 140' stroke='orange' stroke-width='10'/%3e%3c/svg%3e";
}