div.story_container { display: flex; margin: 6px; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; gap: 6px; height: 102px; -ms-overflow-style: none; scrollbar-width: none; } div.story_container::-webkit-scrollbar { display: none; } @media screen and (min-width: 683px) { div.story_container { display: none; } } div.story { flex: 0 0 auto; text-align: center; } div.story_container div.story img { display: inline; margin-top: -10%; width: auto; } div.image-cropper { width: 85px; height: 85px; position: relative; overflow: hidden; border-radius: 50%; border: 6px solid rgba(220, 220, 220, 0.5); } div.story_container span.story_name { display: block; width: 85px; overflow: hidden; text-overflow: ellipsis; font-size: 11px; padding-top: 3px; }