.sri-wrapper {
	display: block;
}

.sri-link {
	display: block;
	text-decoration: none;
}

.sri-box {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.sri-box img {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
	transform: translateY(0);
	transition-property: transform;
	transition-timing-function: linear; /* constant px/second requires linear motion, not an eased curve */
	will-change: transform;
}

.sri-hint {
	position: absolute;
	left: 50%;
	bottom: 16px;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-size: 13px;
	line-height: 1;
	padding: 8px 14px;
	border-radius: 999px;
	pointer-events: none;
	opacity: 1;
	transition: opacity 0.3s ease;
	white-space: nowrap;
}

.sri-wrapper.sri-active .sri-hint,
.sri-box:hover .sri-hint {
	opacity: 0;
}