Image and Video API Platform
Visualize Engaging Experiences
Trusted by more than 2 million developers and 10,000 enterprise and hyper-growth companies as a critical part of their tech stack.
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="230" height="140"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="155" height="140"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="136" height="136"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
FASTER TIME TO MARKET
AI smart crop finds an image’s focal point, then crops to preserve essential elements.
60 MILLION
images published on crowd-sourced marketplace
SAVINGS
Apply generative AI solutions to automate and scale the entire asset lifecycle.
90%
time savings via automated image transformations
IMPROVE SALES
Overlay static or dynamic imagery and text to images in real time using dynamic URLs.
45%
increase in video-enabled sales
ASSET ROI
Upscale, enhance, and repurpose existing imagery and video for improved asset ROI.
2000+
working hours saved by automated image uploads.
API-First Solutions
Take advantage of Cloudinary’s capabilities in your environments and technologies.
Leverage built-in integrations or use extensible APIs and webhooks to easily integrate with the upstream and downstream applications in your tech stack.
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6016" height="4016"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="3819" height="5740"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6571" height="4381"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2749" height="1479"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5166" height="3878"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="7161" height="4396"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5128" height="6410"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="3744" height="5616"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6720" height="4480"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
images = ['SKU_10', 'SKU_11', 'SKU_12', 'SKU_13’,
'SKU_514', 'SKU_615', 'SKU_16', 'SKU_17', 'SKU_18']
def crop(image):
# Auto Crops an image with c_auto to 200x200
url = cloudinary.utils.cloudinary_url(
image,
width=200,
height=200,
gravity='auto',
crop='auto'
)
return url
# Crop images and print their URLs
urls = [crop(img) for img in images]
print(urls)
images = ['SKU_10', 'SKU_11', 'SKU_12',
'SKU_13’, 'SKU_514', 'SKU_615', 'SKU_16',
'SKU_17', 'SKU_18']
def crop(image):
# Auto Crops an image with c_auto to 200x200
url = cloudinary.utils.cloudinary_url(
image,
width=200,
height=200,
gravity='auto',
crop='auto'
)
return url
# Crop images and print their URLs
urls = [crop(img) for img in images]
print(urls)
images = ['SKU_10', 'SKU_11', 'SKU_12',
'SKU_13’, 'SKU_514', 'SKU_615',
'SKU_16', 'SKU_17', 'SKU_18']
def crop(image):
# Auto Crops an image with c_auto
to 200x200
url = cloudinary.utils.cloudinary_url(
image,
width=200,
height=200,
gravity='auto',
crop='auto'
)
return url
# Crop images and print their URLs
urls = [crop(img) for img in images]
print(urls)
The Complete Cloudinary Platform
Cloudinary Assets
Create, manage, and deliver dynamic visual experiences. Manage rich-media assets, streamline workflows, and deliver superior customer experience on one dynamic platform.
Cloudinary Image
AI-powered automation of the entire image lifecycle from moderation to optimized delivery at mass scale. Transform, customize, adapt, and reuse assets with smart cropping, background removal, dynamic overlays, and more.
Cloudinary Video
Scale video across websites and apps faster with AI-automation that dynamically transforms and adapts video for different formats, resolutions, bandwidth conditions and any touchpoint or context without manual editing or extra infrastructure.
Cloudinary 3D
The easiest way to create and embed 3D models into all your web properties. This is the next big development in e-commerce.
Cloudinary MediaFlows
Build, automate, and scale image and video workflows with a low-code drag-and-drop experience, complete with access to Cloudinary APIs.
Cloudinary AI
AI-powered image and video transformation at scale. Transform your image and video workflows with Cloudinary’s generative LLM and content-aware AI features.
The Cloudinary Difference
Here are some of the companies that trust Cloudinary as their end-to-end image, video, and digital asset management solution.
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="317" height="108"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="858" height="704"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="704" height="706"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="505" height="194"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="506" height="504"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="548" height="504"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="363" height="166"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1322" height="706"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Integrations
Connect Cloudinary to all solutions in your tech stack with an extensive set of prebuilt integrations and APIs.
Learn More![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="201" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
CloudCannon
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="175" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Builder.io
Conscia
Alttext.ai
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="154" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Actindo
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="193" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Akeneo
AWS
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="179" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Contentful
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="192" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Contentsquare
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="801" height="801"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Bluestone
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="201" height="198"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Comestri
ButterCMS
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="201" height="174"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Agility
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="201" height="205"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Chilli Publish
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Chioro
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="201" height="196"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Adobe
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="189" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Mailchimp
Magnolia
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="172" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
CoreMedia
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Hygraph
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="202" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Microsoft
Hubspot
Marketo
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="201" height="168"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Contentstack
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="801" height="784"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Mobius
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="135" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Figma
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="186" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Creative Force
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="197" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Google
Intuiface
Kontent-ai
Alttext.ai
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="174" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Front-commerce
Hootsuite
iStock
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="271" height="238"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Netlify
Mobiuslabs
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="188" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Progress
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="201" height="141"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Salesforce
Sanity
Shutterstock
Smint
Storyblok
Syndigo
Uniform
Unsplash
WordPress
Zapier
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="177" height="176"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Ziflow
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="201" height="128"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Wrike
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="170" height="201"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
Movidmo
Getty Images
![Background Image](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="667"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![Background Image](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2200" height="1238"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![Background Image](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2400" height="1720"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![Background Image](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1337" height="2560"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![Background Image](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2560" height="1589"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![Background Image](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="2200"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![Background Image](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1988" height="1020"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![Background Image](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1601" height="2200"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![Background Image](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2560" height="1389"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![Background Image](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2400" height="1600"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)
![Background Image](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1862" height="1252"><rect width="100%" height="100%"><animate attributeName="fill" values="rgba(153,153,153,0.5);rgba(153,153,153,0.1);rgba(153,153,153,0.5)" dur="2s" repeatCount="indefinite" /></rect></svg>)