Basic Media with Tooltip

/* Media */

.media_panel, .media_panel h2 {
 margin: 0;
 position: fixed;
 overflow: hidden;
}

.media_panel {
 background: url('https://i.imgur.com/vcNz49l.png') center -101px #000000;
 background-size: 34px auto;
 width: 36px;
 height: 36px !important;
 padding: 0;
 top: 35px;
 left: 7px;
 border-radius: 5px;
 box-sizing: border-box;
}

.media_panel h2 {
 display: none;
 background: #F4F0E4;
 color: #000000;
 font-weight: normal;
 text-transform: capitalize;
 padding: 5px;
 top: 64px;
 left: 35px;
 border: 1px solid rgba(0,0,0,.5);
 box-shadow: 0 0 0 1px #F4F0E4;
 pointer-events: none;
 z-index: 999;
}
.media_panel:hover h2 {display: block;}

.media_panel object {
 width: 200px;
 height: 200px;
 position: absolute;
 bottom: 0;
 left: -9px;
 opacity: .001;
}