diff --git a/.changeset/two-shrimps-divide.md b/.changeset/two-shrimps-divide.md
new file mode 100644
index 00000000..3a4df0cd
--- /dev/null
+++ b/.changeset/two-shrimps-divide.md
@@ -0,0 +1,5 @@
+---
+'@giphy/react-components': minor
+---
+
+move bottle data outside of picture tag
diff --git a/packages/react-components/src/components/gif.tsx b/packages/react-components/src/components/gif.tsx
index 01cfadc7..65955623 100644
--- a/packages/react-components/src/components/gif.tsx
+++ b/packages/react-components/src/components/gif.tsx
@@ -295,8 +295,8 @@ const Gif = ({
                     alt={getAltText(gif)}
                     onLoad={shouldShowMedia ? onImageLoad : () => {}}
                 />
-                {isAd && bottleData?.tags?.map((tag: string, index: number) => <BottleData src={tag} key={index} />)}
             </picture>
+            {isAd && bottleData?.tags?.map((tag: string, index: number) => <BottleData src={tag} key={index} />)}
             {Overlay && (
                 // only render the overlay on the client since it depends on shouldShowMedia
                 <RenderOnClient>