<figure class="metro-dark-horse-special out-of-container-block hor-center vert-center" > <picture style="display: flex"> <source height="200px" width="534px" media="(max-width : 534px)" srcset="https://static.gazetametro.ru/special/2024-Q1/temnaya_loshadka/temnaya_loshadka__534x200.png" /> <source height="200px" width="700px" media="(max-width: 1122px)" srcset="https://static.gazetametro.ru/special/2024-Q1/temnaya_loshadka/temnaya_loshadka__700x200.png" /> <source height="200px" width="1060px" media="(min-width: 1123px)" srcset="https://static.gazetametro.ru/special/2024-Q1/temnaya_loshadka/temnaya_loshadka_1060x200.png" /> <img src="https://static.gazetametro.ru/special/2024-Q1/temnaya_loshadka/temnaya_loshadka_1060x200.png" style="height: auto" /> </picture> <figcaption><h1>Тёмная лошадка</h1></figcaption> </figure> <style> .metro-dark-horse-special { position: relative; margin-top: -40px !important; margin-bottom: -4px !important; @media (min-width: 820px) { margin-top: -20px !important; } } .metro-dark-horse-special picture img { border-radius: 0 !important; @media (min-width: 820px) { border-radius: 12px !important; } } .metro-dark-horse-special figcaption { position: absolute; margin: 0 !important; width: 100%; padding: 0 calc(4vw + 1px); @media (min-width: 820px) { padding: 0 16px; } } .metro-dark-horse-special figcaption h1 { margin: calc(4vw + 1px) 0; @media (min-width: 820px) { margin: 16px 0; } } /* вертикальные */ /* TOP */ figure.metro-dark-horse-special.top figcaption { top: 0; } figure.metro-dark-horse-special.top-mobile figcaption { top: 0; @media (min-width: 820px) { top: unset; } @media (min-width: 1060px) { top: unset; } } figure.metro-dark-horse-special.top-tablet figcaption { top: unset; @media (min-width: 820px) { top: 0; } @media (min-width: 1060px) { top: unset; } } figure.metro-dark-horse-special.top-desktop figcaption { top: unset; @media (min-width: 820px) { top: unset; } @media (min-width: 1060px) { top: 0; } } /* CENTER */ figure.metro-dark-horse-special.vert-center figcaption { top: 50%; transform: translateY(-50%); } figure.metro-dark-horse-special.vert-center-mobile figcaption { top: 50%; transform: translateY(-50%); @media (min-width: 820px) { top: unset; transform: unset; } @media (min-width: 1060px) { top: unset; transform: unset; } } figure.metro-dark-horse-special.vert-center-tablet figcaption { top: unset; transform: unset; @media (min-width: 820px) { top: 50%; transform: translateY(-50%); } @media (min-width: 1060px) { top: unset; transform: unset; } } figure.metro-dark-horse-special.vert-center-desktop figcaption { top: unset; transform: unset; @media (min-width: 820px) { top: unset; transform: unset; } @media (min-width: 1060px) { top: 50%; transform: translateY(-50%); } } /* BOTTOM */ figure.metro-dark-horse-special.bottom figcaption { bottom: 0; } figure.metro-dark-horse-special.bottom-mobile figcaption { bottom: 0; @media (min-width: 820px) { bottom: unset; } @media (min-width: 1060px) { bottom: unset; } } figure.metro-dark-horse-special.bottom-tablet figcaption { bottom: unset; @media (min-width: 820px) { bottom: 0; } @media (min-width: 1060px) { bottom: unset; } } figure.metro-dark-horse-special.bottom-desktop figcaption { bottom: unset; @media (min-width: 820px) { bottom: unset; } @media (min-width: 1060px) { bottom: 0; } } /* горизонтальные */ /* LEFT */ figure.metro-dark-horse-special.left figcaption { text-align: left; } figure.metro-dark-horse-special.left-mobile figcaption { text-align: left; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.left-tablet figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; text-align: left; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.left-desktop figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: left; } } /* CENTER */ figure.metro-dark-horse-special.hor-center figcaption { text-align: center; } figure.metro-dark-horse-special.hor-center-mobile figcaption { text-align: center; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.hor-center-tablet figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; text-align: center; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.hor-center-desktop figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: center; } } /* RIGHT */ figure.metro-dark-horse-special.right-mobile figcaption { text-align: right; } figure.metro-dark-horse-special.right-mobile figcaption { text-align: right; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.right-tablet figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; text-align: right; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.right-desktop figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: right; } } </style>

5 ноября 1994 года, бой Джорджа Формана (справа) и Майкла Мурера, который был почти на 20 лет младше оппонента и считался явным фаворитом. Но опытный Форман неожиданно вернул себе чемпионский титул двумя точными ударами

ТЁМНАЯ ЛОШАДКА

Олимпийский чемпион по тяжелой атлетике Леонид Иванович Жаботинский

Жизнь Рулона Гарднера, победившего Александра Карелина, невероятна

28 августа 2004 года. Юрий Борзаковский принимает поздравления от серебряного призёра забега на 800 метров из ЮАР Мбулаени Мулаудзи.

Борис Беккер целует трофей, положенный за победу на Уимблдоне

Сборная Дании выиграла чемпионат Европы по футболу

Лондон, 2012 год. Корейский лучник Лим Дон Хён надеется взять третье золото Олимпийских игр. Но вместо этого устанавливает мировой рекорд

Дмитрий Носов, спустя год после подвига в Афинах

Главное

"30 лет назад боксёр Джордж Форман стал самым пожилым чемпионом мира", "Ну а как в пуанты подсыпают стёкла? на Олимпиаде в Токио Жаботинский поверг кумира Шварценеггера" и другие материалы в тематической рубрике Metro - Тёмная лошадка