.tooltip-container{display:inline-block;position:relative}.tooltip-container .tooltip-text{visibility:hidden;color:#fff;text-align:center;z-index:1;opacity:0;background-color:#555;border-radius:5px;width:300px;padding:5px;transition:opacity .3s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}@media (max-width:600px){.tooltip-container .tooltip-text{width:180px}}