.vertical {
    aspect-ratio: 3 / 4;
}
.container-fluid {
	display: flex;
	flex-wrap: wrap;
}
section p {
	margin: 1em 0;
	line-height: 1.5em;
}
section img {
	display: block;
	aspect-ratio: 3 / 2;
}
section a {
	text-decoration: none;
	color: #3498db;
	display: inline-block;
	margin: 0.5em 0 1em;
}
section a:hover {
	color: #2980b9;
}
#bigpic {
	padding: 0;
	border: none;
	background: black;
	width: 100%;
	height: 100%;
}
#bigpic::backdrop {
	background: black;
}
#container {
	display: flex;
	flex-direction: column;
	height: 100%;
}
#bigpic #clodia1 {
    border: none;
    color: white;
    cursor: pointer;
	float: right;
	background: black;
	padding: 0;
	font-size: 1.5em;
}
#bigpic img {
	display: block;
	width: unset;
	max-width: 100%;
	margin: auto;
	aspect-ratio: unset;
}
#bigpic video {
	display: block;
	width: unset;
	max-width: 100%;
	margin: auto;
	aspect-ratio: unset;
}
@media screen and (max-width: 476px) {
	section img {
		width: calc(100% - 1px);
	}
}