How to create a modern ToolTip using HTML and CSS only

array(10) { [0]=> object(stdClass)#4366 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "AUdW01JQFME" ["related_video_title"]=> string(153) "#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(53) "Александр Ламков — Friendly Frontend" } [1]=> object(stdClass)#4339 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Nq4XjPSFJ6U" ["related_video_title"]=> string(65) "ChatGPT Extension in Visual Studio Code - Boost Your Productivity" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(8) "UniSwann" } [2]=> object(stdClass)#4364 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "0cn6A0jbKHM" ["related_video_title"]=> string(79) "Infinite Scroll with Just HTML & CSS – No JavaScript! #css #webdesign" ["posted_time"]=> string(25) "2 недели назад" ["channelName"]=> string(15) "Code With Maddy" } [3]=> object(stdClass)#4371 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Uud1Umtxi10" ["related_video_title"]=> string(99) "How to design navigation bar and a hero page with full responsiveness using Html,Css and Javascript" ["posted_time"]=> string(22) "11 дней назад" ["channelName"]=> string(13) "aminkeng ivan" } [4]=> object(stdClass)#4350 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "AIht4qAgL6o" ["related_video_title"]=> string(121) "Как я сделал Linux удобнее, чем у 95% пользователей — лучшие утилиты" ["posted_time"]=> string(25) "4 недели назад" ["channelName"]=> string(14) "ZProger [ IT ]" } [5]=> object(stdClass)#4368 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "QfxYw_-b1Rs" ["related_video_title"]=> string(105) "💻 HTML Structure Explained 🏗️ Boilerplate Code for Beginners – Hindi Web Development Part 2" ["posted_time"]=> string(25) "2 недели назад" ["channelName"]=> string(15) "Technical Facty" } [6]=> object(stdClass)#4363 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "uUrpicDpiWs" ["related_video_title"]=> string(100) "Покушение на Зеленского / Предатель в Офисе президента" ["posted_time"]=> string(24) "12 часов назад" ["channelName"]=> string(10) "NEXTA Live" } [7]=> object(stdClass)#4373 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "KFgwXXWT7sQ" ["related_video_title"]=> string(170) "ИИ-агенты — вот что действительно изменит разработку. Пишем ИИ-агент на Python, LangChain и GigaChat" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> string(29) "Диджитализируй!" } [8]=> object(stdClass)#4349 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "ohxT5dgtITc" ["related_video_title"]=> string(169) "БЕЛКОВСКИЙ: "Это еще не конец!": как с Ираном, что с дочерьми Путина, чем болен Кадыров, Украина" ["posted_time"]=> string(23) "5 часов назад" ["channelName"]=> string(24) "И Грянул Грэм" } [9]=> object(stdClass)#4367 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "IcLWETIf3J4" ["related_video_title"]=> string(116) "Жириновский о евреях! Что будет, когда Израиль проиграет? 2004 год" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(13) "ЛДПР-ТВ" } }