# Juxtaposing two images in Cloudinary

**URL:** <https://community.glideapps.com/t/juxtaposing-two-images-in-cloudinary/25554>\
**Category:** Ask for Help\
**Created:** [April 14, 2021, 6:38pm UTC](https://community.glideapps.com/t/juxtaposing-two-images-in-cloudinary/25554 "2021-04-14T18:38:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mahim](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mahim/32/24888_2.png) [@Mahim](https://community.glideapps.com/u/Mahim)\
**Post date:** [April 14, 2021, 6:38pm UTC](https://community.glideapps.com/t/juxtaposing-two-images-in-cloudinary/25554/1 "2021-04-14T18:38:11Z")

</div>

Hey all,

I’m curious how Cloudinary can be used to put two images side by side in an inline list.

Context:

My app [chelcompanion.glideapp.io](http://chelcompanion.glideapp.io) tracks tournaments/games for the EA Sports NHL video game series. Each game has a matchup of two players, with their pictures included in an inline list.

Each game can reside as part of an inline list. Currently, the list shows pictures of the winner once the game is over, and remains blank for games that have yet to be tracked.

I’d like the cover of the image to be a joint image of both players regardless of the game being played yet. Something like this:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/4/84239a16675bebe1a6c717d3724d12c294022f1d.jpeg)

(Current at the top, Desired result at the bottom)

Any ideas would be much appreciated!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [April 14, 2021, 9:50pm UTC](https://community.glideapps.com/t/juxtaposing-two-images-in-cloudinary/25554/2 "2021-04-14T21:50:31Z")

</div>

Seems like the same use case here: [Combining Dynamic Images of Charts for use in app - #2 by ThinhDinh](https://community.glideapps.com/t/combining-dynamic-images-of-charts-for-use-in-app/25559/2)

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [April 15, 2021, 12:55am UTC](https://community.glideapps.com/t/juxtaposing-two-images-in-cloudinary/25554/3 "2021-04-15T00:55:37Z")

</div>

Fairly straightforward with Cloudinary.  
The general form is:

```auto
https://res.cloudinary.com/<YOUR_CLOUDINARY_ID>/image/upload/l_<IMAGE 1>,[TRANSFORMATION OPTIONS]/<IMAGE 2>

```

Some examples of a couple that I did just last night…

> [@Doable in CSS?](https://community.glideapps.com/t/doable-in-css/25532/10):
>
> Just needed a couple of template columns, with a little bit of Cloudinary magic wink English: [Screen Shot 2021-04-15 at 1.25.59 AM] German: [Screen Shot 2021-04-15 at 1.25.43 AM]

In the screenshots shown there, the two lower images shown in each are a composite of two images, with some text overlay. So:

- Base image
- Second image overlay
- Text overlay