.overlay-box {
  background-color: #f5f5f5;
  height: 405px;
  width: 720px;
  background-repeat: no-repeat;
  background-size: cover;
}

.overlay-box:hover .desc,
.overlay-box:focus .desc {
  opacity: 1;
}

/* opacity 0.01 for accessibility */
/* adjust the styles like height,padding to match your design*/
.overlay-box .desc {
  opacity: 0.01;
  min-height: 355px;
  font-size: 1rem;
  height: 100%;
  padding: 30px 25px 20px;
  transition: all 0.3s ease;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}

/* Weather Takeover Template - SH */
.severe-wx-takeover {
	border: 8px solid #FF0000;
}
.severe-wx-takeover h2 {
	margin-top: 10px;
	font-size:1.6em;
	text-align:center;
	font-weight:700;
	color:#FFF;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#100d1f+5,2c539e+35,991011+100 */
	background: #100d1f; /* Old browsers */
	background: -moz-linear-gradient(left, #100d1f 5%, #2c539e 35%, #991011 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #100d1f 5%,#2c539e 35%,#991011 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #100d1f 5%,#2c539e 35%,#991011 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#100d1f', endColorstr='#991011',GradientType=1 ); /* IE6-9 */
	padding:10px;
}
.severe-wx-takeover h2::after {
	content: none;
}