JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
		<div class="content">
			<img class="map" src="images/mappagastronomica.png" alt="mappa">
		
			<p>Ecco a voi tre piatti tipici della tradizione umbra che comprendono un primo piatto a base di Agnolotti al tartufo, un secondo piatto con Agnello 
			al tartufo nero e, per concludere, una dolce Cicerchiata.</p>
		
			<img class="corner" src="images/corner.png" alt="cornice">
		
			<h1>AGNOLOTTI AL TARTUFO</h1>
			
			<img class="agnolotti" src="images/agnolotti.png" alt="agnolotti">
		
			<p class="p2">Gli agnolotti al tartufo sono un primo piatto tradizionale umbro realizzato con pasta fresca ed un ripieno a base di tartufo, carne e prosciutto 
			crudo. Si accompagnano, in genere, con un condimento classico a base di burro e salvia a cui si aggiunge altro tartufo per dargli un ulteriore sapore 
			ed una bella presentazione.<br>Il gusto degli agnolotti può cambiare in base alla qualità di tartufo, che in realtà dovrebbe essere il tartufo bianco 
			di Alba, ma si può anche tranquillamente utilizzare il tartufo nero o quello che si trova nei barattoli, di solito più economico e di facile reperibilità.</p>
			<hr>
			
			<p class="icons"><i class="far fa-clock fa-xs"></i> Tempo di preparazione: 90' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="fas fa-utensils fa-xs"></i> Dosi per: 4 persone &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Difficoltà: <i class="fas fa-star fa-xs"></i><i class="fas fa-star fa-xs"></i><i class="fas fa-star fa-xs"></i><i class="far fa-star fa-xs"></i><i class="far fa-star fa-xs"></i></p>
			<hr>
			
			<h2>INGREDIENTI:</h2>
			
			<h3>Per la sfoglia:</h3>
			
			<ul>
				<li>400 gr di farina '00'</li>
				<li>4 uova</li>
				<li>Sale q.b.</li>
			</ul>
		</div>
	</div>

CSS

body {
	background-color: #000000;
	color: #8d7200;
	font-family: 'Rude Cookie Brush', Arial, Verdana, sans-serif;
	font-size: 30px;
}

#wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 50px 0;
	background-color: rgba(255, 255, 255, 0.8);
}

.content {
	position: relative;
	width: auto;
	padding: 0;
	margin: 0 35px;
	background-color: #FFFFFF;
	border: 1px solid gray;
	box-shadow: 5px 5px 5px gray;
}

.content:after {
	content: "";
	clear: both;
	display: table;
}

.content .map {
	position: relative;
	float: right;
	margin-right: 5px;
	padding: 0;
}

.content p {
	position: relative;
	padding: 0;
	margin: 10px 23px 0 23px;
	text-align: justify;
}

.content .corner {
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 40px;
	height: 105px;
}

.content h1 {
	position: relative;
	padding: 0;
	margin: 0 546px 0 40px;
	bottom: 90px;
	font-size: 60px;
	letter-spacing: 3px;
	text-align: center;
}

.content .agnolotti {
	position: relative;
	float: left;
	width: 250px;
	height: 200px;
	padding: 0;
	margin: 0 23px 0 0;
	left: 23px;
	bottom: 75px;
}

.content .p2 {
	text-align: justify;
	width: 65%;
	padding: 10px;
	bottom: 80px;
}

.content hr {
	position: relative;
	margin: 0 40px 0 30px;
	bottom: 55px;
	height: 5px;
	border: none;
	background-color: #8d7200;
}

.content i {
	color: #000000;
}

.content .icons {
	margin: 10px 546px 18px 31px;
	bottom: 55px;
	text-align: center;
}

.content h2 {
	position: relative;
	margin: 10px 546px 18px 31px;
	bottom: 50px;
	text-align: center;
}

.content h3 {
	position: relative;
	margin: 0 1450px 0 30px;
	bottom: 50px;
}