.rounded-circle {
		width: 240px;
		height: 240px; 
		border-radius: 50%;
		object-fit: cover;
}

body{
		font-family: sans-serif;
}

.container {
		width: 960px;
		margin: 0 auto;
		padding: 20px;
}

.row {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
}

.item {
		flex: 1;
		padding: 10px;
}

.item-pic {
		flex: 1;
		padding: 10px;
}

.item-legend {
		flex: 2;
}

@media (max-width: 980px) {
		.item, .item-pic, .item-legend {
			flex: 100%;
		}

		.item-pic, .item-legend {
				text-align: center;
				padding: 10px;
		}

		.container {
				width: 720px;
				margin: 0 auto;
				padding: 20px;
		}
}