Sorry, I forgot to inform you, if you use a custom collection, the āimage appearā column is no longer needed. This is because of the nature of the collection component, which is a list.
Also, you might not be fetching images based on the query result, which results in an array.
ok. It works perfectly now! 
ā¦ now to test the actions.
This is a lovely workflow @Himaladin 
The top one is the custom collection and the bottom is the standard collection using cards. Both work well.
EDIT*** @Himaladin
ok, thanks. I fixed the query column so itās no longer an array. 
I have a couple aesthetic questions.
Is there a way to make the custom collection show an image in the background?
Also, is there a way to play with or remove the padding to create a similar effect to my gifs in a normal container? (see below - upper image is our automatic slideshow and the bottom image is the gif)
On mobile, I put my gif in a title component to get it to look like thatā¦ and on larger screens it shows a background image to fill the space like this:
EDIT*** @Himaladin
I think I got itā¦ Instead of the custom container, I did another query and lookup column on my home page and pointed them to my Images Table. With that, I could use the original container with same title component and swap the gif with the new images instead. So that took care of the background image and fit problem -the gif can be perfectly replaced!
The only issue now is that I canāt add actions to title components, lolā¦ So i may have to try to use a regular image component with some CSS to mimic the fit of the title componentā¦ 
@Sekayi_Liburd, Do you mean you want to remove the padding for the mobile view (full width)?
Could you be using a 1:1 container + card collection and your logo here?
Yes, I meant appearing full width on the mobile view like in my image.
Yes, this can work. How can you get your logo on the card? CSS?
Can you provide a screenshot of the component you are using or need to widen?
For the logo, you can use an image component, but it would be more flexible with HTML.
<img src="https://cdn.freebiesupply.com/images/large/2x/google-logo-transparent.png" alt="Description of the image" style="height:80px; display: block; margin: 0 auto;">
No, I mean, do you still want to use a clickable slideshow, which wonāt be achievable if using the title component.
Show me the layout youāre expecting.
Itās ok. I will use the Image component and adjust the design instead. Thanks.
Itās MUCH better to have it clickable!
@Himaladin
If the image component can reach to these edges, it will be perfect. If not, itās ok. The users will get used to the change in appearance.
Your point is that the image reaches the edge and is clickable, right?
Give me a moment. This requires adding CSS.
yes please.
Before you get too close to the finish lineā¦ can we blend this into what you started working on and create a super workflow?? Looks like it includes some image fit coding too.
Did you create different components for mobile and desktop based on device info?
This part is not yet in the library. It requires handling in the nav-bar and responsiveness across different devices.
yes. I used visibility settings according to screen width (less than 500 vs greater than or equal to 500).
If so, I donāt need to set the responsiveness anymore. Please try the following code, and let me know if anything is not right.
Containerās class name: slide-Show
/*Hide Navbar*/
[data-testid="wire-container"]{
background: transparent !important;
padding:0 !important;
}
/*Container padding*/
.mobile-layer .slide-Show > div > div > div > div {
padding:0 !important;
width: 100%;
margin-top:-15px;
}
/*Can delete*/
.mobile-layer .slide-Show {
background: transparent !important;
padding:0;
}
.mobile-layer .slide-Show [data-testid="card-image"]{
height:300px;
}
.slide-Show [data-testid="card-image"] img{
border-radius:0;
}
hmmā¦ itās tiny but it could be my fault.
I added your class to the container but I put your html in a template so I could swap in my images. Donāt know if thatās the reason the image is so small.
Some background (in case itās relevant), the editor detects that Iām using a screen width of 1920.
ok. I set the width to 100% and height to auto. Itās better but still not full like yours.
btw, is that you in the picture? 
Is your component placed on the top layer?
You can use it.
ummā¦ how do I know if itās on top?
