<!--

	#underlay { position:fixed; overflow:hidden; top:0; left:0; background-color:dimgrey; }
	#underlay.active { width:100%; height:100%; z-index:100; opacity:1; transition:opacity 0.5s; }
	#underlay.inactive { width:0; height:0; z-index:-1; opacity:0; }
	#actual, #next, #prev, #loading { position:absolute; opacity:0; overflow:hidden; /* box-shadow: 0.3em 1.3em 2em 0.5em rgba(0, 0, 0, 0.1); */ } 
	#actual { opacity:1; top:50%; left:50%; transform:translate(-50%, -50%) scale(0.5); transition:transform 0.5s; }
	.pic {
		display:block; position:relative; border:2px solid lightgrey; border-radius:5px;
		transition: border-color 1s ease; pointer-events: none;
	}
	.pic-anim {
		display:block; position:relative; border:2px solid orange; border-radius:5px;
		transition: border-color 1s ease;
	}
	/* title on bottom of picture */
	.title2 {
		position:absolute; overflow:hidden; backdrop-filter:blur(2.5px);
		left:2px; bottom:2px; right:2px;
		color:white; background-color: rgba(100, 100, 100, 0.5);
		height:40px; line-height:40px; 
		width:auto; height:6vmin; line-height:6vmin; 
		font-size:18px;
		font-size:2.5vmin; font-family: "Times New Roman", Times, serif; text-align:center;
		border-top:0.5px solid grey;
	}
	/* title inside picture */
	.title {
		position:absolute; overflow:hidden; backdrop-filter:blur(2.5px);
		left:20px; bottom:20px; padding-left:30px; padding-right:30px; margin-right:20px;
		left:min(3vmin,20px); bottom:min(3vmin,20px); padding-left:min(4.5vmin,30px); padding-right:min(4.5vmin,30px); margin-right:min(3vmin,20px);
		color:white; background-color: rgba(50, 50, 50, 0.4);
		width:auto; height:40px; line-height:40px;
		height:min(6vmin,40px); line-height:min(6vmin,40px);
		font-size:18px; border-radius:20px;
		font-size:min(2.5vmin,18px); font-family: "Times New Roman", Times, serif; text-align:left;
		border:0.5px solid lightgrey; border-radius:3vmin; text-overflow:ellipsis;
	}
	#overlay { position:absolute; width:100%; height:100%; opacity:0; transition:opacity 0.5s ease; cursor:pointer; }
	#overlay span {
		position:absolute; white-space:nowrap;
		text-align:center; vertical-align:middle;
		font-size:100px; color:lightgrey;
		top:50%; left:50%; transform:translate(-50%, -50%);
		background-color:rgba(0, 0, 0, 0.5);
		padding:50px; border-radius:50px;
	}

-->