<div id="wrapper">A circle is a shape consisting of all points in a plane that are a given distance from a given point, the centre; <span class="circle"></span>equivalently it is the curve traced out by a point that moves in a plane so that its distance from a given point is constant. The distance between any point of the circle and the centre is called the radius. This article is about circles in Euclidean geometry, and, in particular, the Euclidean plane, except where otherwise noted. </div>
.circle {
	--image-url: url("https://upload.wikimedia.org/wikipedia/commons/thumb/8/88/Stereographic_projection_in_3D.svg/120px-Stereographic_projection_in_3D.svg.png");
	background: var(--image-url);
	shape-outside: var(--image-url);
	float: left;
	width: 120px; 
	height: 90px;
#wrapper {
	margin: auto; margin-top: calc(50vh - 170px);
	text-align: justify;
	width: 280px; height: 340px;
body { font-family: "Sorts mill goudy"; }
@supports(-webkit-app-region: none){ /* Chrome */
	.circle{margin-top: calc(1em + 5px) !important; }

External CSS

  1. https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital@0;1&amp;display=swap

External JavaScript

This Pen doesn't use any external JavaScript resources.