# Image component - label

**URL:** https://community.glideapps.com/t/image-component-label/73908
**Category:** Ask for Help
**Created:** [June 5, 2024, 11:33pm UTC](https://community.glideapps.com/t/image-component-label/73908 "2024-06-05T23:33:49Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [June 6, 2024, 2:01am UTC](https://community.glideapps.com/t/image-component-label/73908/2 "2024-06-06T02:01:54Z")

</div>

> [@film\_strip 2. Transforming Card Collection into a Slide-In Carousel with CSS](https://community.glideapps.com/t/2-transforming-card-collection-into-a-slide-in-carousel-with-css/73400/14):
>
> @Sekayi_Liburd, If you use text, remove this part: [ScreenRecording2024-05-16at14.09.32-ezgif.com-crop] Rotate Text /\*VERTICAL TEXT\*/ .cardousel .horizontal \> div { flex-direction: row; } .cardousel .horizontal \> div \> div \> div:nth-child(2) { position: absolute; right: 105px; width: calc(2/3 \* 100%); min-width: calc(2/3 \* 100%); top: 0px; padding:15px; transform: rotate(-90deg) translateY(0%); transform-origin: top right; background: rgba(0, 0, 0, 0.5); } .mobile-layer .…

---

_[View the full topic](https://community.glideapps.com/t/image-component-label/73908)._