Widget Hover Text on Mobile

style.css

/* Resize hover text area for screen sizes smaller than 480px wide. Repeat for other screen sizes as needed */
@media only screen and (max-width: 480px) {
  .hover-text {
    width: 261px;
		height: 192px;
		display: none;
		margin-top: -201px;
		margin-left: 13px;
  }
  .widget-4:focus .hover-text {
    background: #000;
    opacity: 0.75;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}