я хочу

100% {opacity: 1;} } /* assign this to your iframes so put class="player" in the iframe tag it will put the player in the bottom left of the screen and it'll be invisible until you hover over it :)*/ .player { opacity: 0; left: 0; bottom: 0; } /* when you hover over where the iframw is, itll appear. adjust the transition to mess w how fast it appears, this was just based off my own guess. */ .player:hover { opacity: 100%; transition: 0.3s; } /* i assign this to my stamps in my interests table. basically, class="stamps" for every img tag. makes it s that its 2 in every row. its not a necessity but if you'd like to convert one of the interest table cells to a dedicated stamp section, here you go */ .stamps{ height: 45px; width: 85px; } /* makes it so that the iframe w player assigned to it and the pic in the corner don't crowd everything on mobile screens */ @media screen and (min-width: 0px) and (max-width: 720px) { footer:after { display: none; } .player { display: none; } }