# Gif appears differently in two different components

**URL:** https://community.evolveauthoring.com/t/gif-appears-differently-in-two-different-components/2773
**Category:** General Help
**Tags:** component
**Created:** [January 31, 2024, 11:04am UTC](https://community.evolveauthoring.com/t/gif-appears-differently-in-two-different-components/2773 "2024-01-31T11:04:46Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Shoval\_Shirom](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/shoval_shirom/32/1499_2.png) [@Shoval\_Shirom](https://community.evolveauthoring.com/u/Shoval_Shirom)
#### Post date: [January 31, 2024, 11:04am UTC](https://community.evolveauthoring.com/t/gif-appears-differently-in-two-different-components/2773/1 "2024-01-31T11:04:46Z")

</div>

Hey,

Even though I uploaded a GIF with the same size (498 × 1080), it appears differently in two different components. In the Flow Chart component, it displays well, but in the Flip Card or Accordion component, it doesn’t look good; somehow, it seems much bigger.

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/2X/c/c449293a360cb66f29ffdf4d7f084816b221a076.png)  
 ![image](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/2X/0/0f6b775730d86d60705ed3e42af2e78322fdd188.jpeg)

Does anyone know why this happens? What can I do? Also, what is the recommended size for a GIF in a flip card?

Thank you,  
Shoval.

---

<div class="post-metadata">

### Author: ![hbailey](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/hbailey/32/603_2.png) [@hbailey](https://community.evolveauthoring.com/u/hbailey)
#### Post date: [January 31, 2024, 11:24am UTC](https://community.evolveauthoring.com/t/gif-appears-differently-in-two-different-components/2773/2 "2024-01-31T11:24:15Z")

</div>

Hey Shoval,

The gif will fill the size of the box constraining it, so you will rarely ever see the gif at the published size.

In the flowchart, it is likely you have these settings in the item:

![image](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/2X/7/742d780dbeff21b7490db2441d246472264101ae.png)

Which means you are filling roughly a third of the item with the gif.

In the others, it is likely that it is filling 50 or 100% of the box so will look bigger.

You could make your components half width, or a half-width component that is on it’s own in the block, making it two-thirds width.

You could also change the item settings to shrink the percentage given over to the image/gif.

Hope that helps.

---

<div class="post-metadata">

### Author: ![Shoval\_Shirom](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/shoval_shirom/32/1499_2.png) [@Shoval\_Shirom](https://community.evolveauthoring.com/u/Shoval_Shirom)
#### Post date: [January 31, 2024, 2:26pm UTC](https://community.evolveauthoring.com/t/gif-appears-differently-in-two-different-components/2773/3 "2024-01-31T14:26:26Z")

</div>

Thank you so much for your help!