{"id":21798,"date":"2018-09-26T16:52:04","date_gmt":"2018-09-26T16:52:04","guid":{"rendered":"http:\/\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary"},"modified":"2026-03-15T12:35:29","modified_gmt":"2026-03-15T19:35:29","slug":"turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary","title":{"rendered":"Turning a Flat Image Into a Three-Dimensional Canvas With Cloudinary"},"content":{"rendered":"<div class=\"wp-block-cloudinary-markdown \"><div class='c-callout  c-callout--inline-title c-callout--note'><strong class='c-callout__title'>Note:<\/strong> <p>This post was cowritten with Daniel Mendoza.<\/p><\/div>\n<p>Famed American poet Henry David Thoreau once said, <em>\u201cThis world is but a canvas to our imagination.\u201d<\/em> And, like your imagination, the transformations you can apply to images with Cloudinary are practically endless. You can even render any flat image to appear three-dimensional and framed on a canvas.<\/p>\n<p>In this tutorial, you\u2019ll learn how to apply aesthetic styling to an image with a series of overlays. Besides following the steps in the sections below, do watch these video-based instructions, too:<\/p>\n<p><video controls=\"controls\" height=\"100%\" poster=\"https:\/\/cloudinary-res.cloudinary.com\/video\/upload\/canvas-tutorial.jpg\" preload=\"none\" style=\"margin: 0 auto;display: block\" width=\"1728\"><source src=\"https:\/\/cloudinary-res.cloudinary.com\/video\/upload\/canvas-tutorial.webm\" type=\"video\/webm\"><source src=\"https:\/\/cloudinary-res.cloudinary.com\/video\/upload\/canvas-tutorial.mp4\" type=\"video\/mp4\"><source src=\"https:\/\/cloudinary-res.cloudinary.com\/video\/upload\/canvas-tutorial.ogv\" type=\"video\/ogg\"><\/video><\/p>\n<p>Use cases for this advanced transformation abound. A few examples:<\/p>\n<ul>\n<li>You are an artist and want to display your artwork as if in a gallery.<\/li>\n<li>You work for a picture-framing company and want to showcase a wide range of framing options.<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/w_700,c_fill,f_auto,q_auto\/dpr_auto\/Art-store.png\" alt=\"Art Store\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"1400\" height=\"622\"\/><\/p>\n<ul>\n<li>You are an interior designer or decorator and would like to show what a framed canvas looks like in a room .<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/w_700,c_fill,f_auto,q_auto\/dpr_auto\/livingroom_art.jpg\" alt=\"Painting in home\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"1400\" height=\"967\"\/><\/p>\n<p>Regardless of your motive, Cloudinary makes the remarkable transformation possible. Follow the steps below to create a canvas.<\/p>\n<h2>Uploading an Image and Applying Initial Transformations<\/h2>\n<p>First, you need a <a href=\"https:\/\/cloudinary.com\/users\/register\/free\">Cloudinary account<\/a>. Create one, sign in, and then upload an image to your Media Library on Cloudinary. Afterwards, modify the image by editing its URL.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/art-creative-graffiti.jpg\" alt=\"art creative graffiti\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"4096\" height=\"3072\"\/><\/p>\n<pre class=\"js-syntax-highlighted\"><code>https:\/\/res.cloudinary.com\/demo\/image\/upload\/art-creative-graffiti.jpg  \n<\/code><\/pre>\n<ol>\n<li>Reduce the image dimension to 700 x 500 pixels (<code>w_700,h_500<\/code>) and then crop the image to fill the newly created space (<code>c_fill<\/code>).\n<cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {width: 700, height: 500, crop: \\&quot;fill\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {width: 700, height: 500, crop: \\&quot;fill\\&quot;})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).resize(\\n  fill().width(700).height(500)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).resize(\\n  fill().width(700).height(500)\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).resize(\\n  fill().width(700).height(500)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).resize(\\n  fill().width(700).height(500)\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).resize(\\n  fill().width(700).height(500)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).resize(\\n  fill().width(700).height(500)\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).resize(\\n  fill().width(700).height(500)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).resize(\\n  fill().width(700).height(500)\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {width: 700, height: 500, crop: \\&quot;fill\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {width: 700, height: 500, crop: \\&quot;fill\\&quot;}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(width=700, height=500, crop=\\&quot;fill\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(width=700, height=500, crop=\\&quot;fill\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, width: 700, height: 500, crop: \\&quot;fill\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, width: 700, height: 500, crop: \\&quot;fill\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(700).Height(500).Crop(\\&quot;fill\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(700).Height(500).Crop(\\&quot;fill\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500)));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500)));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) }) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {width: 700, height: 500, crop: \\&quot;fill\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {width: 700, height: 500, crop: \\&quot;fill\\&quot;})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).resize(\\n  fill().width(700).height(500)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).resize(\\n  fill().width(700).height(500)\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/w_700,h_500,c_fill\\\/art-creative-graffiti.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;}],&quot;transformation_string&quot;:&quot;w_700,h_500,c_fill&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;art-creative-graffiti.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/art-creative-graffiti.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/art-creative-graffiti.jpg\" alt=\"art creative graffiti\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"700\" height=\"500\"\/><\/a>\n<\/li>\n<\/ol>\n<p><br><br>\n2. Apply an identically-sized overlay of the image (<code>w_700,h_500,c_fill,l_art-creative-graffiti<\/code>), including a reduced opacity amount (<code>o_60<\/code>) and a narrow, white border around it to emphasize the canvas edges (bo_1px_solid_rgb:FFFFFF).\n<cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[ {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60)))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60)))\\n\\t));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t)));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t)));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60)) })\\n\\t })) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60)) })\\n\\t })) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/art-creative-graffiti.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;}],&quot;transformation_string&quot;:&quot;w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;art-creative-graffiti.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/art-creative-graffiti.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/art-creative-graffiti.jpg\" alt=\"art creative graffiti\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"702\" height=\"502\"\/><\/a><\/p>\n<h2>Creating the Right Border of the Canvas<\/h2>\n<p>Next, transform the right side of the canvas:<\/p>\n<ol>\n<li>\n<p>Reduce the image width to the appropriate size for the  the right side, which is 20 pixels (<code>w_20<\/code>).\n<br><br><\/p>\n<\/li>\n<li>\n<p>Apply a true crop of the image\u2019s right side by focusing it on the east portion (<code>c_crop,g_east<\/code>).\nThe image is then cropped down to a 20-pixel-wide sliver.\n<cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[ {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60)))\\n\\t))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60)))\\n\\t))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60)) })\\n\\t }))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60)) })\\n\\t }))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t }) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/art-creative-graffiti.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;20&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;east&quot;}],&quot;transformation_string&quot;:&quot;w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;art-creative-graffiti.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/art-creative-graffiti.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/art-creative-graffiti.jpg\" alt=\"art creative graffiti\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"20\" height=\"500\"\/><\/a>\n<br><br><\/p>\n<\/li>\n<li>\n<p>Create a horizontal mirror of the image (<code>a_hflip<\/code>) to properly align the right-side portions with the larger image.\n<cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[ {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;hflip\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;hflip\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60)))\\n\\t))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60)))\\n\\t))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;hflip\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;hflip\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip())));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;hflip\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;hflip\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip())));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60)) })\\n\\t }))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip())) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60)) })\\n\\t }))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip())) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/art-creative-graffiti.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;20&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;east&quot;},{&quot;angle&quot;:&quot;hflip&quot;}],&quot;transformation_string&quot;:&quot;w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;art-creative-graffiti.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/art-creative-graffiti.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/art-creative-graffiti.jpg\" alt=\"art creative graffiti\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"20\" height=\"500\"\/><\/a>\n<br><br><\/p>\n<\/li>\n<li>\n<p>Apply a series of distortions (<code>e_distort:0:0:20:20:20:520:0:500<\/code>) to stretch the right side so as to create slants for generating the three-dimensional appearance. Rather than tweaking all the sides of the quadrilateral, apply different parameters to each point for the desired effect. The first parameter set affects the top left (<code>0:0<\/code>), followed by parameters for the top right (<code>20:20<\/code>), the bottom right (<code>20:520<\/code>), and the bottom left (<code>0:500<\/code>).\n<cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()))\\n  .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()))\\n  .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()))\\n  .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()))\\n  .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()))\\n  .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()))\\n  .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()))\\n  .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()))\\n  .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[ {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;hflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;hflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60)))\\n\\t))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 20, 20, 20, 520, 0, 500]));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60)))\\n\\t))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 20, 20, 20, 520, 0, 500]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;hflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;hflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;hflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;hflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60)) })\\n\\t }))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 20, 20, 20, 520, 0, 500))) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60)) })\\n\\t }))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 20, 20, 20, 520, 0, 500))) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()))\\n  .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(20)\\n      .height(500)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .rotate(mode(horizontalFlip()))\\n  .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:20:20:20:520:0:500\\\/art-creative-graffiti.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;20&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;east&quot;},{&quot;angle&quot;:&quot;hflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:20:20:20:520:0:500&quot;}],&quot;transformation_string&quot;:&quot;w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:20:20:20:520:0:500&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;art-creative-graffiti.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:20:20:20:520:0:500\/art-creative-graffiti.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:20:20:20:520:0:500\/art-creative-graffiti.jpg\" alt=\"art creative graffiti\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"20\" height=\"520\"\/><\/a><\/p>\n<p>You\u2019re now ready to apply the long transformation to the overlay layer (<code>fl_layer_apply<\/code>). To do so, place it on the right side (<code>g_east<\/code>) and make a few slight adjustments to where it lies on the image\u2019s X and Y axises (<code>x_-20,y_9<\/code>).<\/p>\n<p>As you prefer, get a similar effect by placing the transformation in the top right (<code>g_north_east<\/code>) rather than fiddling with the Y-axis settings.\n<cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt; &lt;Transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt;\\n\\t&lt;Transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt; &lt;cld-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[ {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;hflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {&#039;x&#039;: -20, &#039;y&#039;: 9, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;hflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {&#039;x&#039;: -20, &#039;y&#039;: 9, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n-&gt;offsetX(-20)\\n-&gt;offsetY(9))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n-&gt;offsetX(-20)\\n-&gt;offsetY(9))\\n\\t);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;), array(\\&quot;x\\&quot;=&gt;-20, \\&quot;y\\&quot;=&gt;9, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;),\\n  array(\\&quot;x\\&quot;=&gt;-20, \\&quot;y\\&quot;=&gt;9, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;hflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).Chain() .X(-20).Y(9).Gravity(\\&quot;east\\&quot;).Flags(\\&quot;layer_apply\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;hflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).Chain()\\n  .X(-20).Y(9).Gravity(\\&quot;east\\&quot;).Flags(\\&quot;layer_apply\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;hflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .setX(-20).setY(9).setGravity(\\&quot;east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;hflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .setX(-20).setY(9).setGravity(\\&quot;east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 20, 20, 20, 520, 0, 500))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n offsetX(-20)\\n offsetY(9) })\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 20, 20, 20, 520, 0, 500))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n offsetX(-20)\\n offsetY(9) })\\n\\t }) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:20:20:20:520:0:500\\\/x_-20,y_9,g_east,fl_layer_apply\\\/art-creative-graffiti.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;20&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;east&quot;},{&quot;angle&quot;:&quot;hflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:20:20:20:520:0:500&quot;},{&quot;x&quot;:&quot;-20&quot;,&quot;y&quot;:&quot;9&quot;,&quot;gravity&quot;:&quot;east&quot;,&quot;flags&quot;:&quot;layer_apply&quot;}],&quot;transformation_string&quot;:&quot;w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:20:20:20:520:0:500\\\/x_-20,y_9,g_east,fl_layer_apply&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;art-creative-graffiti.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:20:20:20:520:0:500\/x_-20,y_9,g_east,fl_layer_apply\/art-creative-graffiti.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:20:20:20:520:0:500\/x_-20,y_9,g_east,fl_layer_apply\/art-creative-graffiti.jpg\" alt=\"art creative graffiti\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"720\" height=\"520\"\/><\/a><\/p>\n<p>The right side has now assumed the desired look. But you still need to build out the layer for  the bottom border of the canvas. Gratifyingly, you can simply repeat many of the steps you took for the right side.<\/p>\n<\/li>\n<\/ol>\n<h2>Creating the Bottom Border of the Canvas<\/h2>\n<ol>\n<li>Create an identical overlay similar to the one you just created for the right border (<code>w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF<\/code>).<\/li>\n<li>Slice off a portion of the overlay\u2019s bottom to start creating the bottom border, setting the height to the same amount of pixels as the right borders width (<code>h_20<\/code>) and extending the width to be longer than the original to allow for the eventual transformations (<code>w_700<\/code>) of the distortions. Additionally, ensure that the crop is focused on the southern portion of the image (<code>c_crop,g_south<\/code>).\n<cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt; &lt;Transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt;\\n\\t&lt;Transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt; &lt;cld-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[ {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;hflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {&#039;x&#039;: -20, &#039;y&#039;: 9, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 20, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;hflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {&#039;x&#039;: -20, &#039;y&#039;: 9, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 20, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n-&gt;offsetX(-20)\\n-&gt;offsetY(9))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60)))\\n\\t))\\n\\t-&gt;resize(Resize::crop()-&gt;width(700)\\n-&gt;height(20)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n-&gt;offsetX(-20)\\n-&gt;offsetY(9))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60)))\\n\\t))\\n\\t-&gt;resize(Resize::crop()-&gt;width(700)\\n-&gt;height(20)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;), array(\\&quot;x\\&quot;=&gt;-20, \\&quot;y\\&quot;=&gt;9, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;20, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;),\\n  array(\\&quot;x\\&quot;=&gt;-20, \\&quot;y\\&quot;=&gt;9, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;20, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;hflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).Chain() .X(-20).Y(9).Gravity(\\&quot;east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(20).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;hflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).Chain()\\n  .X(-20).Y(9).Gravity(\\&quot;east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(20).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;hflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .setX(-20).setY(9).setGravity(\\&quot;east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(20).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;hflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .setX(-20).setY(9).setGravity(\\&quot;east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(20).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 20, 20, 20, 520, 0, 500))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n offsetX(-20)\\n offsetY(9) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60)) })\\n\\t }))\\n\\t resize(Resize.crop() { width(700)\\n height(20)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 20, 20, 20, 520, 0, 500))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n offsetX(-20)\\n offsetY(9) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60)) })\\n\\t }))\\n\\t resize(Resize.crop() { width(700)\\n height(20)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t }) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:20:20:20:520:0:500\\\/x_-20,y_9,g_east,fl_layer_apply\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_700,h_20,c_crop,g_south\\\/art-creative-graffiti.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;20&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;east&quot;},{&quot;angle&quot;:&quot;hflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:20:20:20:520:0:500&quot;},{&quot;x&quot;:&quot;-20&quot;,&quot;y&quot;:&quot;9&quot;,&quot;gravity&quot;:&quot;east&quot;,&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;20&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;south&quot;}],&quot;transformation_string&quot;:&quot;w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:20:20:20:520:0:500\\\/x_-20,y_9,g_east,fl_layer_apply\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_700,h_20,c_crop,g_south&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;art-creative-graffiti.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:20:20:20:520:0:500\/x_-20,y_9,g_east,fl_layer_apply\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_700,h_20,c_crop,g_south\/art-creative-graffiti.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:20:20:20:520:0:500\/x_-20,y_9,g_east,fl_layer_apply\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_700,h_20,c_crop,g_south\/art-creative-graffiti.jpg\" alt=\"art creative graffiti\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"700\" height=\"20\"\/><\/a>\n<\/li>\n<li>As with  the right border, make the bottom border a <a href=\"https:\/\/cloudinary.com\/tools\/mirror-image\">mirror image<\/a> of the original so that the larger image seamlessly aligns with this border layer. To do so, add a vertical flip transformation to the URL (<code>a_vflip<\/code>).\n<cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt; &lt;Transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;vflip\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt;\\n\\t&lt;Transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;vflip\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt; &lt;cld-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;vflip\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;vflip\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;vflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;vflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[ {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;hflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {&#039;x&#039;: -20, &#039;y&#039;: 9, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 20, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;vflip\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;hflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {&#039;x&#039;: -20, &#039;y&#039;: 9, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 20, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;vflip\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n-&gt;offsetX(-20)\\n-&gt;offsetY(9))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60)))\\n\\t))\\n\\t-&gt;resize(Resize::crop()-&gt;width(700)\\n-&gt;height(20)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::verticalFlip()));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n-&gt;offsetX(-20)\\n-&gt;offsetY(9))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60)))\\n\\t))\\n\\t-&gt;resize(Resize::crop()-&gt;width(700)\\n-&gt;height(20)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::verticalFlip()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;), array(\\&quot;x\\&quot;=&gt;-20, \\&quot;y\\&quot;=&gt;9, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;20, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;vflip\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;),\\n  array(\\&quot;x\\&quot;=&gt;-20, \\&quot;y\\&quot;=&gt;9, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;20, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;vflip\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;vflip\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;vflip\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;hflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).Chain() .X(-20).Y(9).Gravity(\\&quot;east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(20).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;vflip\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;hflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).Chain()\\n  .X(-20).Y(9).Gravity(\\&quot;east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(20).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;vflip\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip())));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;hflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .setX(-20).setY(9).setGravity(\\&quot;east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(20).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;vflip\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;hflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .setX(-20).setY(9).setGravity(\\&quot;east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(20).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;vflip\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;vflip\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;vflip\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip())));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 20, 20, 20, 520, 0, 500))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n offsetX(-20)\\n offsetY(9) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60)) })\\n\\t }))\\n\\t resize(Resize.crop() { width(700)\\n height(20)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip())) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 20, 20, 20, 520, 0, 500))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n offsetX(-20)\\n offsetY(9) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60)) })\\n\\t }))\\n\\t resize(Resize.crop() { width(700)\\n height(20)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip())) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:20:20:20:520:0:500\\\/x_-20,y_9,g_east,fl_layer_apply\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_700,h_20,c_crop,g_south\\\/a_vflip\\\/art-creative-graffiti.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;20&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;east&quot;},{&quot;angle&quot;:&quot;hflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:20:20:20:520:0:500&quot;},{&quot;x&quot;:&quot;-20&quot;,&quot;y&quot;:&quot;9&quot;,&quot;gravity&quot;:&quot;east&quot;,&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;20&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;south&quot;},{&quot;angle&quot;:&quot;vflip&quot;}],&quot;transformation_string&quot;:&quot;w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:20:20:20:520:0:500\\\/x_-20,y_9,g_east,fl_layer_apply\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_700,h_20,c_crop,g_south\\\/a_vflip&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;art-creative-graffiti.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:20:20:20:520:0:500\/x_-20,y_9,g_east,fl_layer_apply\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_700,h_20,c_crop,g_south\/a_vflip\/art-creative-graffiti.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:20:20:20:520:0:500\/x_-20,y_9,g_east,fl_layer_apply\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_700,h_20,c_crop,g_south\/a_vflip\/art-creative-graffiti.jpg\" alt=\"art creative graffiti\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"700\" height=\"20\"\/><\/a>\n<\/li>\n<li>Apply the distortions (<code>e_distort:0:0:700:0:720:20:20:20<\/code>). Remember that you are transforming each side of the quadrilateral individually, starting with the top left (<code>0:0<\/code>), followed by the top-right (<code>700:0<\/code>), the bottom right (<code>720:20<\/code>), and, finally, the bottom-left (<code>20:20<\/code>).\n<cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()))\\n  .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()))\\n  .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt; &lt;Transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;vflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt;\\n\\t&lt;Transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;vflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()))\\n  .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()))\\n  .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt; &lt;cld-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;vflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;vflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()))\\n  .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()))\\n  .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;vflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;vflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()))\\n  .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()))\\n  .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[ {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;hflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {&#039;x&#039;: -20, &#039;y&#039;: 9, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 20, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;vflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;hflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {&#039;x&#039;: -20, &#039;y&#039;: 9, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 20, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;vflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n-&gt;offsetX(-20)\\n-&gt;offsetY(9))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60)))\\n\\t))\\n\\t-&gt;resize(Resize::crop()-&gt;width(700)\\n-&gt;height(20)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::verticalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 700, 0, 720, 20, 20, 20]));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n-&gt;offsetX(-20)\\n-&gt;offsetY(9))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60)))\\n\\t))\\n\\t-&gt;resize(Resize::crop()-&gt;width(700)\\n-&gt;height(20)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::verticalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 700, 0, 720, 20, 20, 20]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;), array(\\&quot;x\\&quot;=&gt;-20, \\&quot;y\\&quot;=&gt;9, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;20, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;vflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;),\\n  array(\\&quot;x\\&quot;=&gt;-20, \\&quot;y\\&quot;=&gt;9, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;20, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;vflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;vflip\\&quot;).chain() .effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;vflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;hflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).Chain() .X(-20).Y(9).Gravity(\\&quot;east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(20).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;vflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;hflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).Chain()\\n  .X(-20).Y(9).Gravity(\\&quot;east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(20).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;vflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 720, 20, 20, 20])));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 720, 20, 20, 20])));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;hflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .setX(-20).setY(9).setGravity(\\&quot;east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(20).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;vflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;hflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .setX(-20).setY(9).setGravity(\\&quot;east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(20).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;vflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;vflip\\&quot;).chain() .effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;vflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 720, 20, 20, 20])));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60)))\\n\\t))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 720, 20, 20, 20])));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 20, 20, 20, 520, 0, 500))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n offsetX(-20)\\n offsetY(9) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60)) })\\n\\t }))\\n\\t resize(Resize.crop() { width(700)\\n height(20)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 700, 0, 720, 20, 20, 20))) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 20, 20, 20, 520, 0, 500))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n offsetX(-20)\\n offsetY(9) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60)) })\\n\\t }))\\n\\t resize(Resize.crop() { width(700)\\n height(20)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 700, 0, 720, 20, 20, 20))) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()))\\n  .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n      )\\n    )\\n  )\\n  .resize(\\n    crop()\\n      .width(700)\\n      .height(20)\\n      .gravity(compass(\\&quot;south\\&quot;))\\n  )\\n  .rotate(mode(verticalFlip()))\\n  .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:20:20:20:520:0:500\\\/x_-20,y_9,g_east,fl_layer_apply\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_700,h_20,c_crop,g_south\\\/a_vflip\\\/e_distort:0:0:700:0:720:20:20:20\\\/art-creative-graffiti.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;20&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;east&quot;},{&quot;angle&quot;:&quot;hflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:20:20:20:520:0:500&quot;},{&quot;x&quot;:&quot;-20&quot;,&quot;y&quot;:&quot;9&quot;,&quot;gravity&quot;:&quot;east&quot;,&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;20&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;south&quot;},{&quot;angle&quot;:&quot;vflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:700:0:720:20:20:20&quot;}],&quot;transformation_string&quot;:&quot;w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:20:20:20:520:0:500\\\/x_-20,y_9,g_east,fl_layer_apply\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_700,h_20,c_crop,g_south\\\/a_vflip\\\/e_distort:0:0:700:0:720:20:20:20&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;art-creative-graffiti.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:20:20:20:520:0:500\/x_-20,y_9,g_east,fl_layer_apply\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_700,h_20,c_crop,g_south\/a_vflip\/e_distort:0:0:700:0:720:20:20:20\/art-creative-graffiti.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:20:20:20:520:0:500\/x_-20,y_9,g_east,fl_layer_apply\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_700,h_20,c_crop,g_south\/a_vflip\/e_distort:0:0:700:0:720:20:20:20\/art-creative-graffiti.jpg\" alt=\"art creative graffiti\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"720\" height=\"20\"\/><\/a>\n<\/li>\n<li>Apply this layer (<code>fl_layer_apply<\/code>). Be sure to add it to the bottom of the original (<code>g_south<\/code>) and to properly align it against its X and Y axises (<code>y_-1<\/code>).\n<cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}, {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;},\\n  {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt; &lt;Transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;vflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot; \\\/&gt; &lt;Transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt;\\n\\t&lt;Transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;vflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot; \\\/&gt;\\n\\t&lt;Transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt; &lt;cld-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;vflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot; \\\/&gt; &lt;cld-transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;vflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;vflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;vflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}, {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;},\\n  {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[ {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;hflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {&#039;x&#039;: -20, &#039;y&#039;: 9, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 20, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;vflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}, {&#039;y&#039;: -1, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;hflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {&#039;x&#039;: -20, &#039;y&#039;: 9, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 20, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;vflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;},\\n  {&#039;y&#039;: -1, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n-&gt;offsetX(-20)\\n-&gt;offsetY(9))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(700)\\n-&gt;height(20)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::verticalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n-&gt;offsetY(-1))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n-&gt;offsetX(-20)\\n-&gt;offsetY(9))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(700)\\n-&gt;height(20)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::verticalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n-&gt;offsetY(-1))\\n\\t);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;), array(\\&quot;x\\&quot;=&gt;-20, \\&quot;y\\&quot;=&gt;9, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;20, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;vflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;), array(\\&quot;y\\&quot;=&gt;-1, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;),\\n  array(\\&quot;x\\&quot;=&gt;-20, \\&quot;y\\&quot;=&gt;9, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;20, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;vflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;),\\n  array(\\&quot;y\\&quot;=&gt;-1, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;vflip\\&quot;).chain() .effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain() .y(-1).gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;vflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain()\\n  .y(-1).gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}, {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;},\\n  {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;hflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).Chain() .X(-20).Y(9).Gravity(\\&quot;east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(20).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;vflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).Chain() .Y(-1).Gravity(\\&quot;south\\&quot;).Flags(\\&quot;layer_apply\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;hflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).Chain()\\n  .X(-20).Y(9).Gravity(\\&quot;east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(20).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;vflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).Chain()\\n  .Y(-1).Gravity(\\&quot;south\\&quot;).Flags(\\&quot;layer_apply\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n.offsetY(-1))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n.offsetY(-1))\\n\\t));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;hflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .setX(-20).setY(9).setGravity(\\&quot;east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(20).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;vflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain() .setY(-1).setGravity(\\&quot;south\\&quot;).setFlags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;hflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .setX(-20).setY(9).setGravity(\\&quot;east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(20).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;vflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain()\\n  .setY(-1).setGravity(\\&quot;south\\&quot;).setFlags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;vflip\\&quot;).chain() .effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain() .y(-1).gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;vflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain()\\n  .y(-1).gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n.offsetY(-1))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n.offsetY(-1))\\n\\t));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 20, 20, 20, 520, 0, 500))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n offsetX(-20)\\n offsetY(9) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(700)\\n height(20)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 700, 0, 720, 20, 20, 20))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n offsetY(-1) })\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 20, 20, 20, 520, 0, 500))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n offsetX(-20)\\n offsetY(9) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(700)\\n height(20)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 700, 0, 720, 20, 20, 20))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n offsetY(-1) })\\n\\t }) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}, {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;},\\n  {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:20:20:20:520:0:500\\\/x_-20,y_9,g_east,fl_layer_apply\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_700,h_20,c_crop,g_south\\\/a_vflip\\\/e_distort:0:0:700:0:720:20:20:20\\\/y_-1,g_south,fl_layer_apply\\\/art-creative-graffiti.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;20&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;east&quot;},{&quot;angle&quot;:&quot;hflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:20:20:20:520:0:500&quot;},{&quot;x&quot;:&quot;-20&quot;,&quot;y&quot;:&quot;9&quot;,&quot;gravity&quot;:&quot;east&quot;,&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;20&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;south&quot;},{&quot;angle&quot;:&quot;vflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:700:0:720:20:20:20&quot;},{&quot;y&quot;:&quot;-1&quot;,&quot;gravity&quot;:&quot;south&quot;,&quot;flags&quot;:&quot;layer_apply&quot;}],&quot;transformation_string&quot;:&quot;w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:20:20:20:520:0:500\\\/x_-20,y_9,g_east,fl_layer_apply\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_700,h_20,c_crop,g_south\\\/a_vflip\\\/e_distort:0:0:700:0:720:20:20:20\\\/y_-1,g_south,fl_layer_apply&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;art-creative-graffiti.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:20:20:20:520:0:500\/x_-20,y_9,g_east,fl_layer_apply\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_700,h_20,c_crop,g_south\/a_vflip\/e_distort:0:0:700:0:720:20:20:20\/y_-1,g_south,fl_layer_apply\/art-creative-graffiti.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:20:20:20:520:0:500\/x_-20,y_9,g_east,fl_layer_apply\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_700,h_20,c_crop,g_south\/a_vflip\/e_distort:0:0:700:0:720:20:20:20\/y_-1,g_south,fl_layer_apply\/art-creative-graffiti.jpg\" alt=\"art creative graffiti\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"720\" height=\"521\"\/><\/a>\n<\/li>\n<\/ol>\n<h2>Adding the Final Touches and Other Considerations<\/h2>\n<p>To further enhance the canvas, add a few parameters.<\/p>\n<h4>f_auto<\/h4>\n<p>Even though your image is now three-dimensional and applied to a canvas, it remains a JPEG file, whose format is not transparent. To convert the file format to one that allows transparency, add the <code>f_auto<\/code> parameter to the URL.<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}, {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {fetch_format: \\&quot;auto\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;},\\n  {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {fetch_format: \\&quot;auto\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt; &lt;Transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;vflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot; \\\/&gt; &lt;Transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation fetchFormat=\\&quot;auto\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt;\\n\\t&lt;Transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;vflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot; \\\/&gt;\\n\\t&lt;Transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation fetchFormat=\\&quot;auto\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt; &lt;cld-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;vflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot; \\\/&gt; &lt;cld-transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation fetch-format=\\&quot;auto\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;vflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation fetch-format=\\&quot;auto\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;vflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation fetch-format=\\&quot;auto\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;vflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation fetch-format=\\&quot;auto\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}, {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {fetchFormat: \\&quot;auto\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;},\\n  {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {fetchFormat: \\&quot;auto\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[ {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;hflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {&#039;x&#039;: -20, &#039;y&#039;: 9, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 20, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;vflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}, {&#039;y&#039;: -1, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;fetch_format&#039;: \\&quot;auto\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;hflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {&#039;x&#039;: -20, &#039;y&#039;: 9, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 20, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;vflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;},\\n  {&#039;y&#039;: -1, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;fetch_format&#039;: \\&quot;auto\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n-&gt;offsetX(-20)\\n-&gt;offsetY(9))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(700)\\n-&gt;height(20)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::verticalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n-&gt;offsetY(-1))\\n\\t)\\n\\t-&gt;delivery(Delivery::format(\\n\\tFormat::auto()));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n-&gt;offsetX(-20)\\n-&gt;offsetY(9))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(700)\\n-&gt;height(20)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::verticalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n-&gt;offsetY(-1))\\n\\t)\\n\\t-&gt;delivery(Delivery::format(\\n\\tFormat::auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;), array(\\&quot;x\\&quot;=&gt;-20, \\&quot;y\\&quot;=&gt;9, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;20, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;vflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;), array(\\&quot;y\\&quot;=&gt;-1, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;fetch_format\\&quot;=&gt;\\&quot;auto\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;),\\n  array(\\&quot;x\\&quot;=&gt;-20, \\&quot;y\\&quot;=&gt;9, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;20, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;vflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;),\\n  array(\\&quot;y\\&quot;=&gt;-1, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;fetch_format\\&quot;=&gt;\\&quot;auto\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;vflip\\&quot;).chain() .effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain() .y(-1).gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .fetchFormat(\\&quot;auto\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;vflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain()\\n  .y(-1).gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .fetchFormat(\\&quot;auto\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}, {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {fetch_format: \\&quot;auto\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;},\\n  {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {fetch_format: \\&quot;auto\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;hflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).Chain() .X(-20).Y(9).Gravity(\\&quot;east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(20).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;vflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).Chain() .Y(-1).Gravity(\\&quot;south\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain() .FetchFormat(\\&quot;auto\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;hflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).Chain()\\n  .X(-20).Y(9).Gravity(\\&quot;east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(20).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;vflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).Chain()\\n  .Y(-1).Gravity(\\&quot;south\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .FetchFormat(\\&quot;auto\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n.offsetY(-1))\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n.offsetY(-1))\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto())));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;hflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .setX(-20).setY(9).setGravity(\\&quot;east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(20).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;vflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain() .setY(-1).setGravity(\\&quot;south\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain() .setFetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;hflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .setX(-20).setY(9).setGravity(\\&quot;east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(20).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;vflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain()\\n  .setY(-1).setGravity(\\&quot;south\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setFetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;vflip\\&quot;).chain() .effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain() .y(-1).gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .fetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;vflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain()\\n  .y(-1).gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .fetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n.offsetY(-1))\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n.offsetY(-1))\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto())));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 20, 20, 20, 520, 0, 500))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n offsetX(-20)\\n offsetY(9) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(700)\\n height(20)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 700, 0, 720, 20, 20, 20))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n offsetY(-1) })\\n\\t })\\n\\t delivery(Delivery.format(\\n\\tFormat.auto())) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 20, 20, 20, 520, 0, 500))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n offsetX(-20)\\n offsetY(9) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(700)\\n height(20)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 700, 0, 720, 20, 20, 20))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n offsetY(-1) })\\n\\t })\\n\\t delivery(Delivery.format(\\n\\tFormat.auto())) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}, {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {fetch_format: \\&quot;auto\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;},\\n  {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {fetch_format: \\&quot;auto\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:20:20:20:520:0:500\\\/x_-20,y_9,g_east,fl_layer_apply\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_700,h_20,c_crop,g_south\\\/a_vflip\\\/e_distort:0:0:700:0:720:20:20:20\\\/y_-1,g_south,fl_layer_apply\\\/f_auto\\\/art-creative-graffiti.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;20&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;east&quot;},{&quot;angle&quot;:&quot;hflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:20:20:20:520:0:500&quot;},{&quot;x&quot;:&quot;-20&quot;,&quot;y&quot;:&quot;9&quot;,&quot;gravity&quot;:&quot;east&quot;,&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;20&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;south&quot;},{&quot;angle&quot;:&quot;vflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:700:0:720:20:20:20&quot;},{&quot;y&quot;:&quot;-1&quot;,&quot;gravity&quot;:&quot;south&quot;,&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;format&quot;:&quot;auto&quot;}],&quot;transformation_string&quot;:&quot;w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:20:20:20:520:0:500\\\/x_-20,y_9,g_east,fl_layer_apply\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_700,h_20,c_crop,g_south\\\/a_vflip\\\/e_distort:0:0:700:0:720:20:20:20\\\/y_-1,g_south,fl_layer_apply\\\/f_auto&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;art-creative-graffiti.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:20:20:20:520:0:500\/x_-20,y_9,g_east,fl_layer_apply\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_700,h_20,c_crop,g_south\/a_vflip\/e_distort:0:0:700:0:720:20:20:20\/y_-1,g_south,fl_layer_apply\/f_auto\/art-creative-graffiti.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:20:20:20:520:0:500\/x_-20,y_9,g_east,fl_layer_apply\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_700,h_20,c_crop,g_south\/a_vflip\/e_distort:0:0:700:0:720:20:20:20\/y_-1,g_south,fl_layer_apply\/f_auto\/art-creative-graffiti.jpg\" alt=\"art creative graffiti\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"720\" height=\"521\"\/><\/a><\/p>\n<p>Afterwards, you can serve the image as an optimal type for any browser, as follows:<\/p>\n<ul>\n<li>For Chrome, the file format changes from JPEG to <a href=\"https:\/\/developers.google.com\/speed\/webp\/\">WebP<\/a>.<\/li>\n<li>For Microsoft Internet Explorer and Edge, the file format becomes <a href=\"https:\/\/docs.microsoft.com\/en-us\/windows\/desktop\/wic\/jpeg-xr-codec\">JPEG XR<\/a>.<\/li>\n<li>For Safari, the file format becomes <a href=\"https:\/\/cloudinary.com\/blog\/the_great_jpeg_2000_debate_analyzing_the_pros_and_cons_to_widespread_adoption\">JPEG 2000<\/a>.<\/li>\n<li>For Firefox, the file format remains JPEG. Assign a .PNG extension to the image and you can then serve it with transparency for Firefox users.<\/li>\n<\/ul>\n<p>Another benefit of the <code>f_auto<\/code> parameter is that it reduces the file size. Transforming the JPEG image in this tutorial to a WebP image with <code>f_auto<\/code> downsizes the image from 108.55 KB to 101.99 KB.<\/p>\n<h4>q_auto<\/h4>\n<p>Cloudinary\u2019s <code>q_auto<\/code> parameter ensures that images are served at a favorable quality, rendering them to be optimally small without sacrificing aesthetics.<\/p>\n<p>Even though your canvas is already optimized, applying <code>q_auto<\/code> shaves down the file from 101.99 KB to 101.13 KB. In some cases, the size reduction might be more dramatic. No matter, every little bit helps.<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}, {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;},\\n  {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt; &lt;Transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;vflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot; \\\/&gt; &lt;Transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation quality=\\&quot;auto\\&quot; fetchFormat=\\&quot;auto\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt;\\n\\t&lt;Transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;vflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot; \\\/&gt;\\n\\t&lt;Transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation quality=\\&quot;auto\\&quot; fetchFormat=\\&quot;auto\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt; &lt;cld-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;vflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot; \\\/&gt; &lt;cld-transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;vflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;vflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;20\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation x=\\&quot;-20\\&quot; y=\\&quot;9\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;20\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;vflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation y=\\&quot;-1\\&quot; gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}, {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {quality: \\&quot;auto\\&quot;, fetchFormat: \\&quot;auto\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.jpg&#039;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;},\\n  {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetchFormat: \\&quot;auto\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[ {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;hflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {&#039;x&#039;: -20, &#039;y&#039;: 9, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 20, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;vflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}, {&#039;y&#039;: -1, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;quality&#039;: \\&quot;auto\\&quot;, &#039;fetch_format&#039;: \\&quot;auto\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;).image(transformation=[\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 20, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;hflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {&#039;x&#039;: -20, &#039;y&#039;: 9, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 20, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;vflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;},\\n  {&#039;y&#039;: -1, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;quality&#039;: \\&quot;auto\\&quot;, &#039;fetch_format&#039;: \\&quot;auto\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n-&gt;offsetX(-20)\\n-&gt;offsetY(9))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(700)\\n-&gt;height(20)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::verticalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n-&gt;offsetY(-1))\\n\\t)\\n\\t-&gt;delivery(Delivery::format(\\n\\tFormat::auto()))\\n\\t-&gt;delivery(Delivery::quality(\\n\\tQuality::auto()));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(20)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n-&gt;offsetX(-20)\\n-&gt;offsetY(9))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(700)\\n-&gt;height(20)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::verticalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n-&gt;offsetY(-1))\\n\\t)\\n\\t-&gt;delivery(Delivery::format(\\n\\tFormat::auto()))\\n\\t-&gt;delivery(Delivery::quality(\\n\\tQuality::auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;), array(\\&quot;x\\&quot;=&gt;-20, \\&quot;y\\&quot;=&gt;9, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;20, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;vflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;), array(\\&quot;y\\&quot;=&gt;-1, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;quality\\&quot;=&gt;\\&quot;auto\\&quot;, \\&quot;fetch_format\\&quot;=&gt;\\&quot;auto\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;20, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;),\\n  array(\\&quot;x\\&quot;=&gt;-20, \\&quot;y\\&quot;=&gt;9, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;20, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;vflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;),\\n  array(\\&quot;y\\&quot;=&gt;-1, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;quality\\&quot;=&gt;\\&quot;auto\\&quot;, \\&quot;fetch_format\\&quot;=&gt;\\&quot;auto\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;vflip\\&quot;).chain() .effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain() .y(-1).gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;vflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain()\\n  .y(-1).gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).imageTag(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}, {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.jpg\\&quot;, transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;},\\n  {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;hflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).Chain() .X(-20).Y(9).Gravity(\\&quot;east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain() .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(20).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;vflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).Chain() .Y(-1).Gravity(\\&quot;south\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain() .Quality(\\&quot;auto\\&quot;).FetchFormat(\\&quot;auto\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Width(700).Height(500).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(20).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;hflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).Chain()\\n  .X(-20).Y(9).Gravity(\\&quot;east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Width(700).Height(500).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(20).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;vflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).Chain()\\n  .Y(-1).Gravity(\\&quot;south\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Quality(\\&quot;auto\\&quot;).FetchFormat(\\&quot;auto\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n.offsetY(-1))\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n.offsetY(-1))\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;hflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .setX(-20).setY(9).setGravity(\\&quot;east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain() .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(20).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;vflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain() .setY(-1).setGravity(\\&quot;south\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain() .setQuality(\\&quot;auto\\&quot;).setFetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setWidth(700).setHeight(500).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(20).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;hflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .setX(-20).setY(9).setGravity(\\&quot;east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(20).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;vflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain()\\n  .setY(-1).setGravity(\\&quot;south\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setQuality(\\&quot;auto\\&quot;).setFetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(700).height(500).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain() .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;vflip\\&quot;).chain() .effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain() .y(-1).gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .width(700).height(500).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(20).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:20:20:20:520:0:500\\&quot;).chain()\\n  .x(-20).y(9).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(700).height(500).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(20).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;vflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:700:0:720:20:20:20\\&quot;).chain()\\n  .y(-1).gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;art-creative-graffiti.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n.offsetY(-1))\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(20)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 20, 20, 20, 520, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-20)\\n.offsetY(9))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(700)\\n.height(20)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 720, 20, 20, 20])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n.offsetY(-1))\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 20, 20, 20, 520, 0, 500))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n offsetX(-20)\\n offsetY(9) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(700)\\n height(20)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 700, 0, 720, 20, 20, 20))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n offsetY(-1) })\\n\\t })\\n\\t delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t delivery(Delivery.quality(\\n\\tQuality.auto())) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(20)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 20, 20, 20, 520, 0, 500))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n offsetX(-20)\\n offsetY(9) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(700)\\n height(20)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 700, 0, 720, 20, 20, 20))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n offsetY(-1) })\\n\\t })\\n\\t delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t delivery(Delivery.quality(\\n\\tQuality.auto())) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [ {width: 700, height: 500, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;}, {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;}, {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 20, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:20:20:20:520:0:500\\&quot;},\\n  {x: -20, y: 9, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 20, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:720:20:20:20\\&quot;},\\n  {y: -1, gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.jpg\\&quot;)\\n  .resize(fill().width(700).height(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(20).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 20, 20, 20, 520, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-20)\\n        .offsetY(9)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(20).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 720, 20, 20, 20]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south\\&quot;))\\n        .offsetY(-1)\\n    )\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:20:20:20:520:0:500\\\/x_-20,y_9,g_east,fl_layer_apply\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_700,h_20,c_crop,g_south\\\/a_vflip\\\/e_distort:0:0:700:0:720:20:20:20\\\/y_-1,g_south,fl_layer_apply\\\/f_auto,q_auto\\\/art-creative-graffiti.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;20&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;east&quot;},{&quot;angle&quot;:&quot;hflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:20:20:20:520:0:500&quot;},{&quot;x&quot;:&quot;-20&quot;,&quot;y&quot;:&quot;9&quot;,&quot;gravity&quot;:&quot;east&quot;,&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;20&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;south&quot;},{&quot;angle&quot;:&quot;vflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:700:0:720:20:20:20&quot;},{&quot;y&quot;:&quot;-1&quot;,&quot;gravity&quot;:&quot;south&quot;,&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;format&quot;:&quot;auto&quot;,&quot;quality&quot;:&quot;auto&quot;}],&quot;transformation_string&quot;:&quot;w_700,h_500,c_fill\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_20,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:20:20:20:520:0:500\\\/x_-20,y_9,g_east,fl_layer_apply\\\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_700,h_20,c_crop,g_south\\\/a_vflip\\\/e_distort:0:0:700:0:720:20:20:20\\\/y_-1,g_south,fl_layer_apply\\\/f_auto,q_auto&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;art-creative-graffiti.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:20:20:20:520:0:500\/x_-20,y_9,g_east,fl_layer_apply\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_700,h_20,c_crop,g_south\/a_vflip\/e_distort:0:0:700:0:720:20:20:20\/y_-1,g_south,fl_layer_apply\/f_auto,q_auto\/art-creative-graffiti.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_20,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:20:20:20:520:0:500\/x_-20,y_9,g_east,fl_layer_apply\/w_700,h_500,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_700,h_20,c_crop,g_south\/a_vflip\/e_distort:0:0:700:0:720:20:20:20\/y_-1,g_south,fl_layer_apply\/f_auto,q_auto\/art-creative-graffiti.jpg\" alt=\"art creative graffiti\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"720\" height=\"521\"\/><\/a><\/p>\n<h4>g_face<\/h4>\n<p>The image you just optimized is not that of a person. How about taking a photograph of someone, such as an attractive woman as in the example below, and render it on the same canvas style? To ensure that her face, not her body, is the focal point, apply the <code>g_face<\/code> transformation to each of the images in the URL, including the overlay layers.<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;Model_woman.jpg\\&quot;, {transformation: [ {width: 700, height: 500, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, gravity: \\&quot;face\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, overlay: \\&quot;Model_woman\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 10, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:10:10:10:510:0:500\\&quot;}, {x: -10, y: 5, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF60\\&quot;, gravity: \\&quot;face\\&quot;, overlay: \\&quot;Model_woman\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 10, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:710:10:10:10\\&quot;}, {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;Model_woman.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, gravity: \\&quot;face\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, overlay: \\&quot;Model_woman\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 10, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:10:10:10:510:0:500\\&quot;},\\n  {x: -10, y: 5, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF60\\&quot;, gravity: \\&quot;face\\&quot;, overlay: \\&quot;Model_woman\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 10, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:710:10:10:10\\&quot;},\\n  {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;Model_woman.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(700)\\n      .height(500)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(10).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 10, 10, 10, 510, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-10)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF60\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(10).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 710, 10, 10, 10]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;Model_woman.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(700)\\n      .height(500)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(10).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 10, 10, 10, 510, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-10)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF60\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(10).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 710, 10, 10, 10]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;Model_woman.jpg\\&quot; &gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;face\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; overlay=\\&quot;Model_woman\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;10\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:10:10:10:510:0:500\\&quot; \\\/&gt; &lt;Transformation x=\\&quot;-10\\&quot; y=\\&quot;5\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF60\\&quot; gravity=\\&quot;face\\&quot; overlay=\\&quot;Model_woman\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;10\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;vflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:700:0:710:10:10:10\\&quot; \\\/&gt; &lt;Transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation quality=\\&quot;auto\\&quot; fetchFormat=\\&quot;auto\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;Model_woman.jpg\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;face\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; overlay=\\&quot;Model_woman\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;10\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:10:10:10:510:0:500\\&quot; \\\/&gt;\\n\\t&lt;Transformation x=\\&quot;-10\\&quot; y=\\&quot;5\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF60\\&quot; gravity=\\&quot;face\\&quot; overlay=\\&quot;Model_woman\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;700\\&quot; height=\\&quot;10\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;vflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:700:0:710:10:10:10\\&quot; \\\/&gt;\\n\\t&lt;Transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation quality=\\&quot;auto\\&quot; fetchFormat=\\&quot;auto\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;Model_woman.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(700)\\n      .height(500)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(10).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 10, 10, 10, 510, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-10)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF60\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(10).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 710, 10, 10, 10]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;Model_woman.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(700)\\n      .height(500)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(10).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 10, 10, 10, 510, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-10)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF60\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(10).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 710, 10, 10, 10]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;Model_woman.jpg\\&quot; &gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;face\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; :overlay=\\&quot;Model_woman\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;10\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:10:10:10:510:0:500\\&quot; \\\/&gt; &lt;cld-transformation x=\\&quot;-10\\&quot; y=\\&quot;5\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF60\\&quot; gravity=\\&quot;face\\&quot; :overlay=\\&quot;Model_woman\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;10\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;vflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:700:0:710:10:10:10\\&quot; \\\/&gt; &lt;cld-transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;Model_woman.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;face\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; :overlay=\\&quot;Model_woman\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;10\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:10:10:10:510:0:500\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation x=\\&quot;-10\\&quot; y=\\&quot;5\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF60\\&quot; gravity=\\&quot;face\\&quot; :overlay=\\&quot;Model_woman\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;700\\&quot; height=\\&quot;10\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;vflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:700:0:710:10:10:10\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;Model_woman.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(700)\\n      .height(500)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(10).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 10, 10, 10, 510, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-10)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF60\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(10).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 710, 10, 10, 10]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;Model_woman.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(700)\\n      .height(500)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(10).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 10, 10, 10, 510, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-10)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF60\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(10).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 710, 10, 10, 10]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;Model_woman.jpg\\&quot; &gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;face\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; overlay=\\&quot;Model_woman\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;10\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:10:10:10:510:0:500\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation x=\\&quot;-10\\&quot; y=\\&quot;5\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF60\\&quot; gravity=\\&quot;face\\&quot; overlay=\\&quot;Model_woman\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;10\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;vflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:700:0:710:10:10:10\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;Model_woman.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;face\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;face\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; overlay=\\&quot;Model_woman\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;10\\&quot; height=\\&quot;500\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:10:10:10:510:0:500\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation x=\\&quot;-10\\&quot; y=\\&quot;5\\&quot; gravity=\\&quot;east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;500\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF60\\&quot; gravity=\\&quot;face\\&quot; overlay=\\&quot;Model_woman\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;700\\&quot; height=\\&quot;10\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;vflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:700:0:710:10:10:10\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;Model_woman.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(700)\\n      .height(500)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(10).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 10, 10, 10, 510, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-10)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF60\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(10).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 710, 10, 10, 10]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;Model_woman.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(700)\\n      .height(500)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(10).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 10, 10, 10, 510, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-10)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF60\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(10).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 710, 10, 10, 10]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;Model_woman.jpg&#039;, {transformation: [ {width: 700, height: 500, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, gravity: \\&quot;face\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;Model_woman\\&quot;), crop: \\&quot;fill\\&quot;}, {width: 10, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:10:10:10:510:0:500\\&quot;}, {x: -10, y: 5, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF60\\&quot;, gravity: \\&quot;face\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;Model_woman\\&quot;), crop: \\&quot;fill\\&quot;}, {width: 700, height: 10, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:710:10:10:10\\&quot;}, {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {quality: \\&quot;auto\\&quot;, fetchFormat: \\&quot;auto\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;Model_woman.jpg&#039;, {transformation: [\\n  {width: 700, height: 500, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, gravity: \\&quot;face\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;Model_woman\\&quot;), crop: \\&quot;fill\\&quot;},\\n  {width: 10, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:10:10:10:510:0:500\\&quot;},\\n  {x: -10, y: 5, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF60\\&quot;, gravity: \\&quot;face\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;Model_woman\\&quot;), crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 10, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:710:10:10:10\\&quot;},\\n  {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetchFormat: \\&quot;auto\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;Model_woman.jpg\\&quot;).image(transformation=[ {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;face\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;face\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;overlay&#039;: \\&quot;Model_woman\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 10, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;hflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:10:10:10:510:0:500\\&quot;}, {&#039;x&#039;: -10, &#039;y&#039;: 5, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF60\\&quot;, &#039;gravity&#039;: \\&quot;face\\&quot;, &#039;overlay&#039;: \\&quot;Model_woman\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: 700, &#039;height&#039;: 10, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;vflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:700:0:710:10:10:10\\&quot;}, {&#039;gravity&#039;: \\&quot;south\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;quality&#039;: \\&quot;auto\\&quot;, &#039;fetch_format&#039;: \\&quot;auto\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;Model_woman.jpg\\&quot;).image(transformation=[\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;face\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;face\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;overlay&#039;: \\&quot;Model_woman\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 10, &#039;height&#039;: 500, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;hflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:10:10:10:510:0:500\\&quot;},\\n  {&#039;x&#039;: -10, &#039;y&#039;: 5, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 500, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF60\\&quot;, &#039;gravity&#039;: \\&quot;face\\&quot;, &#039;overlay&#039;: \\&quot;Model_woman\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: 700, &#039;height&#039;: 10, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;vflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:700:0:710:10:10:10\\&quot;},\\n  {&#039;gravity&#039;: \\&quot;south\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;quality&#039;: \\&quot;auto\\&quot;, &#039;fetch_format&#039;: \\&quot;auto\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;Model_woman.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::face()))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;Model_woman\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::face()))\\n\\t)\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(10)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 10, 10, 10, 510, 0, 500])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n-&gt;offsetX(-10)\\n-&gt;offsetY(5))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;Model_woman\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::face()))\\n\\t)\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF60\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(700)\\n-&gt;height(10)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::verticalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 700, 0, 710, 10, 10, 10])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t)\\n\\t-&gt;delivery(Delivery::format(\\n\\tFormat::auto()))\\n\\t-&gt;delivery(Delivery::quality(\\n\\tQuality::auto()));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;Model_woman.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::face()))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;Model_woman\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::face()))\\n\\t)\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(10)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 10, 10, 10, 510, 0, 500])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n-&gt;offsetX(-10)\\n-&gt;offsetY(5))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;Model_woman\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(700)\\n-&gt;height(500)\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\n\\tFocusOn::face()))\\n\\t)\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF60\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(700)\\n-&gt;height(10)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::verticalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, 700, 0, 710, 10, 10, 10])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t)\\n\\t-&gt;delivery(Delivery::format(\\n\\tFormat::auto()))\\n\\t-&gt;delivery(Delivery::quality(\\n\\tQuality::auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;Model_woman.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;face\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;face\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;overlay\\&quot;=&gt;\\&quot;Model_woman\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;10, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:10:10:10:510:0:500\\&quot;), array(\\&quot;x\\&quot;=&gt;-10, \\&quot;y\\&quot;=&gt;5, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF60\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;face\\&quot;, \\&quot;overlay\\&quot;=&gt;\\&quot;Model_woman\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;10, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;vflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:700:0:710:10:10:10\\&quot;), array(\\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;quality\\&quot;=&gt;\\&quot;auto\\&quot;, \\&quot;fetch_format\\&quot;=&gt;\\&quot;auto\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;Model_woman.jpg\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;face\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;face\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;overlay\\&quot;=&gt;\\&quot;Model_woman\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;10, \\&quot;height\\&quot;=&gt;500, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:10:10:10:510:0:500\\&quot;),\\n  array(\\&quot;x\\&quot;=&gt;-10, \\&quot;y\\&quot;=&gt;5, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;500, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF60\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;face\\&quot;, \\&quot;overlay\\&quot;=&gt;\\&quot;Model_woman\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;700, \\&quot;height\\&quot;=&gt;10, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;vflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:700:0:710:10:10:10\\&quot;),\\n  array(\\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;quality\\&quot;=&gt;\\&quot;auto\\&quot;, \\&quot;fetch_format\\&quot;=&gt;\\&quot;auto\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(700).height(500).gravity(\\&quot;face\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).gravity(\\&quot;face\\&quot;).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).overlay(new Layer().publicId(\\&quot;Model_woman\\&quot;)).crop(\\&quot;fill\\&quot;).chain() .width(10).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:10:10:10:510:0:500\\&quot;).chain() .x(-10).y(5).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(700).height(500).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF60\\&quot;).gravity(\\&quot;face\\&quot;).overlay(new Layer().publicId(\\&quot;Model_woman\\&quot;)).crop(\\&quot;fill\\&quot;).chain() .width(700).height(10).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;vflip\\&quot;).chain() .effect(\\&quot;distort:0:0:700:0:710:10:10:10\\&quot;).chain() .gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).imageTag(\\&quot;Model_woman.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .width(700).height(500).gravity(\\&quot;face\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).gravity(\\&quot;face\\&quot;).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).overlay(new Layer().publicId(\\&quot;Model_woman\\&quot;)).crop(\\&quot;fill\\&quot;).chain()\\n  .width(10).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:10:10:10:510:0:500\\&quot;).chain()\\n  .x(-10).y(5).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(700).height(500).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF60\\&quot;).gravity(\\&quot;face\\&quot;).overlay(new Layer().publicId(\\&quot;Model_woman\\&quot;)).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(10).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;vflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:700:0:710:10:10:10\\&quot;).chain()\\n  .gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).imageTag(\\&quot;Model_woman.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;Model_woman.jpg\\&quot;, transformation: [ {width: 700, height: 500, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, gravity: \\&quot;face\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, overlay: \\&quot;Model_woman\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 10, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:10:10:10:510:0:500\\&quot;}, {x: -10, y: 5, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF60\\&quot;, gravity: \\&quot;face\\&quot;, overlay: \\&quot;Model_woman\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 10, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:710:10:10:10\\&quot;}, {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;Model_woman.jpg\\&quot;, transformation: [\\n  {width: 700, height: 500, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, gravity: \\&quot;face\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, overlay: \\&quot;Model_woman\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 10, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:10:10:10:510:0:500\\&quot;},\\n  {x: -10, y: 5, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF60\\&quot;, gravity: \\&quot;face\\&quot;, overlay: \\&quot;Model_woman\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 10, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:710:10:10:10\\&quot;},\\n  {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(700).Height(500).Gravity(\\&quot;face\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(500).Gravity(\\&quot;face\\&quot;).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Overlay(new Layer().PublicId(\\&quot;Model_woman\\&quot;)).Crop(\\&quot;fill\\&quot;).Chain() .Width(10).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;hflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:10:10:10:510:0:500\\&quot;).Chain() .X(-10).Y(5).Gravity(\\&quot;east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain() .Width(700).Height(500).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF60\\&quot;).Gravity(\\&quot;face\\&quot;).Overlay(new Layer().PublicId(\\&quot;Model_woman\\&quot;)).Crop(\\&quot;fill\\&quot;).Chain() .Width(700).Height(10).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;vflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:700:0:710:10:10:10\\&quot;).Chain() .Gravity(\\&quot;south\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain() .Quality(\\&quot;auto\\&quot;).FetchFormat(\\&quot;auto\\&quot;)).BuildImageTag(\\&quot;Model_woman.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Width(700).Height(500).Gravity(\\&quot;face\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(500).Gravity(\\&quot;face\\&quot;).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Overlay(new Layer().PublicId(\\&quot;Model_woman\\&quot;)).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(10).Height(500).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;hflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:10:10:10:510:0:500\\&quot;).Chain()\\n  .X(-10).Y(5).Gravity(\\&quot;east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Width(700).Height(500).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF60\\&quot;).Gravity(\\&quot;face\\&quot;).Overlay(new Layer().PublicId(\\&quot;Model_woman\\&quot;)).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(700).Height(10).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;vflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:700:0:710:10:10:10\\&quot;).Chain()\\n  .Gravity(\\&quot;south\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Quality(\\&quot;auto\\&quot;).FetchFormat(\\&quot;auto\\&quot;)).BuildImageTag(\\&quot;Model_woman.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;Model_woman.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;Model_woman\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t)\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(10)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 10, 10, 10, 510, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-10)\\n.offsetY(5))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;Model_woman\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t)\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF60\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(700)\\n.height(10)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 710, 10, 10, 10])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;Model_woman.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;Model_woman\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t)\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(10)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 10, 10, 10, 510, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-10)\\n.offsetY(5))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;Model_woman\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t)\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF60\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(700)\\n.height(10)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 710, 10, 10, 10])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(700).setHeight(500).setGravity(\\&quot;face\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(500).setGravity(\\&quot;face\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setOverlay(\\&quot;Model_woman\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(10).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;hflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:10:10:10:510:0:500\\&quot;).chain() .setX(-10).setY(5).setGravity(\\&quot;east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain() .setWidth(700).setHeight(500).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF60\\&quot;).setGravity(\\&quot;face\\&quot;).setOverlay(\\&quot;Model_woman\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(700).setHeight(10).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;vflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:700:0:710:10:10:10\\&quot;).chain() .setGravity(\\&quot;south\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain() .setQuality(\\&quot;auto\\&quot;).setFetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;Model_woman.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setWidth(700).setHeight(500).setGravity(\\&quot;face\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setGravity(\\&quot;face\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setOverlay(\\&quot;Model_woman\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(10).setHeight(500).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;hflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:10:10:10:510:0:500\\&quot;).chain()\\n  .setX(-10).setY(5).setGravity(\\&quot;east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setWidth(700).setHeight(500).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF60\\&quot;).setGravity(\\&quot;face\\&quot;).setOverlay(\\&quot;Model_woman\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(700).setHeight(10).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;vflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:700:0:710:10:10:10\\&quot;).chain()\\n  .setGravity(\\&quot;south\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setQuality(\\&quot;auto\\&quot;).setFetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;Model_woman.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(700).height(500).gravity(\\&quot;face\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(700).height(500).gravity(\\&quot;face\\&quot;).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).overlay(new Layer().publicId(\\&quot;Model_woman\\&quot;)).crop(\\&quot;fill\\&quot;).chain() .width(10).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:10:10:10:510:0:500\\&quot;).chain() .x(-10).y(5).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(700).height(500).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF60\\&quot;).gravity(\\&quot;face\\&quot;).overlay(new Layer().publicId(\\&quot;Model_woman\\&quot;)).crop(\\&quot;fill\\&quot;).chain() .width(700).height(10).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;vflip\\&quot;).chain() .effect(\\&quot;distort:0:0:700:0:710:10:10:10\\&quot;).chain() .gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;Model_woman.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .width(700).height(500).gravity(\\&quot;face\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(500).gravity(\\&quot;face\\&quot;).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).overlay(new Layer().publicId(\\&quot;Model_woman\\&quot;)).crop(\\&quot;fill\\&quot;).chain()\\n  .width(10).height(500).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:10:10:10:510:0:500\\&quot;).chain()\\n  .x(-10).y(5).gravity(\\&quot;east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(700).height(500).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF60\\&quot;).gravity(\\&quot;face\\&quot;).overlay(new Layer().publicId(\\&quot;Model_woman\\&quot;)).crop(\\&quot;fill\\&quot;).chain()\\n  .width(700).height(10).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;vflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:700:0:710:10:10:10\\&quot;).chain()\\n  .gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;Model_woman.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;Model_woman.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;Model_woman\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t)\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(10)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 10, 10, 10, 510, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-10)\\n.offsetY(5))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;Model_woman\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t)\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF60\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(700)\\n.height(10)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 710, 10, 10, 10])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;Model_woman.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;Model_woman\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t)\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(10)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 10, 10, 10, 510, 0, 500])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n.offsetX(-10)\\n.offsetY(5))\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;Model_woman\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(700)\\n.height(500)\\n\\t.gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t)\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF60\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(700)\\n.height(10)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, 700, 0, 710, 10, 10, 10])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;Model_woman.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500)\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;Model_woman\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500)\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(10)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 10, 10, 10, 510, 0, 500))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n offsetX(-10)\\n offsetY(5) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;Model_woman\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500)\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF60\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(700)\\n height(10)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 700, 0, 710, 10, 10, 10))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t })\\n\\t delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t delivery(Delivery.quality(\\n\\tQuality.auto())) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;Model_woman.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(700)\\n height(500)\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;Model_woman\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500)\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(10)\\n height(500)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 10, 10, 10, 510, 0, 500))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n offsetX(-10)\\n offsetY(5) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;Model_woman\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(700)\\n height(500)\\n\\t gravity(\\n\\tGravity.focusOn(\\n\\tFocusOn.face()))\\n\\t })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF60\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(700)\\n height(10)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, 700, 0, 710, 10, 10, 10))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t })\\n\\t delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t delivery(Delivery.quality(\\n\\tQuality.auto())) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;Model_woman.jpg\\&quot;, {transformation: [ {width: 700, height: 500, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;}, {width: 700, height: 500, gravity: \\&quot;face\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;Model_woman\\&quot;), crop: \\&quot;fill\\&quot;}, {width: 10, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:10:10:10:510:0:500\\&quot;}, {x: -10, y: 5, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: 700, height: 500, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF60\\&quot;, gravity: \\&quot;face\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;Model_woman\\&quot;), crop: \\&quot;fill\\&quot;}, {width: 700, height: 10, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:700:0:710:10:10:10\\&quot;}, {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;Model_woman.jpg\\&quot;, {transformation: [\\n  {width: 700, height: 500, gravity: \\&quot;face\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 500, gravity: \\&quot;face\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;Model_woman\\&quot;), crop: \\&quot;fill\\&quot;},\\n  {width: 10, height: 500, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:10:10:10:510:0:500\\&quot;},\\n  {x: -10, y: 5, gravity: \\&quot;east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: 700, height: 500, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF60\\&quot;, gravity: \\&quot;face\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;Model_woman\\&quot;), crop: \\&quot;fill\\&quot;},\\n  {width: 700, height: 10, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:700:0:710:10:10:10\\&quot;},\\n  {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;Model_woman.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(700)\\n      .height(500)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(10).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 10, 10, 10, 510, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-10)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF60\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(10).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 710, 10, 10, 10]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;Model_woman.jpg\\&quot;)\\n  .resize(\\n    fill()\\n      .width(700)\\n      .height(500)\\n      .gravity(focusOn(face()))\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(10).height(500).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, 10, 10, 10, 510, 0, 500]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;east\\&quot;))\\n        .offsetX(-10)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;Model_woman\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(700).height(500).gravity(focusOn(face())))\\n          .border(solid(1, \\&quot;#FFFFFF60\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(700).height(10).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, 700, 0, 710, 10, 10, 10]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/w_700,h_500,c_fill,g_face\\\/w_700,h_500,c_fill,g_face,o_60,bo_1px_solid_rgb:FFFFFF,l_Model_woman\\\/w_10,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:10:10:10:510:0:500\\\/x_-10,y_5,g_east,fl_layer_apply\\\/w_700,h_500,c_fill,o_60,bo_1px_solid_rgb:FFFFFF60,g_face,l_Model_woman\\\/w_700,h_10,c_crop,g_south\\\/a_vflip\\\/e_distort:0:0:700:0:710:10:10:10\\\/g_south,fl_layer_apply\\\/f_auto,q_auto\\\/Model_woman.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;gravity&quot;:&quot;face&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;gravity&quot;:&quot;face&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;,&quot;overlay&quot;:&quot;Model_woman&quot;},{&quot;width&quot;:&quot;10&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;east&quot;},{&quot;angle&quot;:&quot;hflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:10:10:10:510:0:500&quot;},{&quot;x&quot;:&quot;-10&quot;,&quot;y&quot;:&quot;5&quot;,&quot;gravity&quot;:&quot;east&quot;,&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;500&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF60&quot;,&quot;gravity&quot;:&quot;face&quot;,&quot;overlay&quot;:&quot;Model_woman&quot;},{&quot;width&quot;:&quot;700&quot;,&quot;height&quot;:&quot;10&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;south&quot;},{&quot;angle&quot;:&quot;vflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:700:0:710:10:10:10&quot;},{&quot;gravity&quot;:&quot;south&quot;,&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;format&quot;:&quot;auto&quot;,&quot;quality&quot;:&quot;auto&quot;}],&quot;transformation_string&quot;:&quot;w_700,h_500,c_fill,g_face\\\/w_700,h_500,c_fill,g_face,o_60,bo_1px_solid_rgb:FFFFFF,l_Model_woman\\\/w_10,h_500,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:10:10:10:510:0:500\\\/x_-10,y_5,g_east,fl_layer_apply\\\/w_700,h_500,c_fill,o_60,bo_1px_solid_rgb:FFFFFF60,g_face,l_Model_woman\\\/w_700,h_10,c_crop,g_south\\\/a_vflip\\\/e_distort:0:0:700:0:710:10:10:10\\\/g_south,fl_layer_apply\\\/f_auto,q_auto&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;Model_woman.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill,g_face\/w_700,h_500,c_fill,g_face,o_60,bo_1px_solid_rgb:FFFFFF,l_Model_woman\/w_10,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:10:10:10:510:0:500\/x_-10,y_5,g_east,fl_layer_apply\/w_700,h_500,c_fill,o_60,bo_1px_solid_rgb:FFFFFF60,g_face,l_Model_woman\/w_700,h_10,c_crop,g_south\/a_vflip\/e_distort:0:0:700:0:710:10:10:10\/g_south,fl_layer_apply\/f_auto,q_auto\/Model_woman.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,h_500,c_fill,g_face\/w_700,h_500,c_fill,g_face,o_60,bo_1px_solid_rgb:FFFFFF,l_Model_woman\/w_10,h_500,c_crop,g_east\/a_hflip\/e_distort:0:0:10:10:10:510:0:500\/x_-10,y_5,g_east,fl_layer_apply\/w_700,h_500,c_fill,o_60,bo_1px_solid_rgb:FFFFFF60,g_face,l_Model_woman\/w_700,h_10,c_crop,g_south\/a_vflip\/e_distort:0:0:700:0:710:10:10:10\/g_south,fl_layer_apply\/f_auto,q_auto\/Model_woman.jpg\" alt=\"Model Woman\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"710\" height=\"510\"\/><\/a><\/p>\n<h4>Variables ($)<\/h4>\n<p>With a complex transformation set like this one, consider applying variable transformations, especially if you want to serve the canvas style at different widths, heights, or depths.<\/p>\n<p>By adding variables, you can update the first component with the needed dimensions (w =&gt; width, h =&gt; height, and dp =&gt; depth). Once you\u2019ve done that, Cloudinary automatically applies the corresponding transformations to all the other layers.<\/p>\n<p>Here\u2019s an example that uses the same dimensions from the previous example, that is, 700 x 500 pixels. The URL above the image specifies those dimensions in the first transformation set, with the dollar sign before each transformation depicting that they are variables (<code>$w_700,$h_500<\/code>). You then apply those variables to the remaining transformations to mimic the first set (<code>w_$w,h_$h<\/code>).<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.png\\&quot;, {transformation: [ {variables: [[\\&quot;$w\\&quot;, \\&quot;700\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;20\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$dp\\&quot;, height: \\&quot;$h\\&quot;, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;}, {x: \\&quot;$dp * -1\\&quot;, gravity: \\&quot;north_east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$dp\\&quot;, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;}, {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.png\\&quot;, {transformation: [\\n  {variables: [[\\&quot;$w\\&quot;, \\&quot;700\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;20\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$dp\\&quot;, height: \\&quot;$h\\&quot;, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;},\\n  {x: \\&quot;$dp * -1\\&quot;, gravity: \\&quot;north_east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$dp\\&quot;, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;},\\n  {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 700))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 20))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 700))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 20))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.png\\&quot; &gt; &lt;Transformation variables={[[\\&quot;$w\\&quot;, \\&quot;700\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;20\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]} \\\/&gt; &lt;Transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;$dp\\&quot; height=\\&quot;$h\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot; \\\/&gt; &lt;Transformation x=\\&quot;$dp * -1\\&quot; gravity=\\&quot;north_east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;$w\\&quot; height=\\&quot;$dp\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;vflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot; \\\/&gt; &lt;Transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation quality=\\&quot;auto\\&quot; fetchFormat=\\&quot;auto\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.png\\&quot; &gt;\\n\\t&lt;Transformation variables={[[\\&quot;$w\\&quot;, \\&quot;700\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;20\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;$dp\\&quot; height=\\&quot;$h\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot; \\\/&gt;\\n\\t&lt;Transformation x=\\&quot;$dp * -1\\&quot; gravity=\\&quot;north_east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;$w\\&quot; height=\\&quot;$dp\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;vflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot; \\\/&gt;\\n\\t&lt;Transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation quality=\\&quot;auto\\&quot; fetchFormat=\\&quot;auto\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 700))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 20))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 700))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 20))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.png\\&quot; &gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$w&#039;, &#039;700&#039;], [&#039;$h&#039;, &#039;500&#039;], [&#039;$dp&#039;, &#039;20&#039;], [&#039;$wadp&#039;, &#039;$w + $dp&#039;], [&#039;$hadp&#039;, &#039;$h + $dp&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;$dp\\&quot; height=\\&quot;$h\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot; \\\/&gt; &lt;cld-transformation x=\\&quot;$dp * -1\\&quot; gravity=\\&quot;north_east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;$w\\&quot; height=\\&quot;$dp\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;vflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot; \\\/&gt; &lt;cld-transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.png\\&quot; &gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$w&#039;, &#039;700&#039;], [&#039;$h&#039;, &#039;500&#039;], [&#039;$dp&#039;, &#039;20&#039;], [&#039;$wadp&#039;, &#039;$w + $dp&#039;], [&#039;$hadp&#039;, &#039;$h + $dp&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;$dp\\&quot; height=\\&quot;$h\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation x=\\&quot;$dp * -1\\&quot; gravity=\\&quot;north_east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;$w\\&quot; height=\\&quot;$dp\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;vflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 700))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 20))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 700))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 20))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.png\\&quot; &gt; &lt;cl-transformation variables=\\&quot;[[&#039;$w&#039;, &#039;700&#039;], [&#039;$h&#039;, &#039;500&#039;], [&#039;$dp&#039;, &#039;20&#039;], [&#039;$wadp&#039;, &#039;$w + $dp&#039;], [&#039;$hadp&#039;, &#039;$h + $dp&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;$dp\\&quot; height=\\&quot;$h\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation x=\\&quot;$dp * -1\\&quot; gravity=\\&quot;north_east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;$w\\&quot; height=\\&quot;$dp\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;vflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.png\\&quot; &gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$w&#039;, &#039;700&#039;], [&#039;$h&#039;, &#039;500&#039;], [&#039;$dp&#039;, &#039;20&#039;], [&#039;$wadp&#039;, &#039;$w + $dp&#039;], [&#039;$hadp&#039;, &#039;$h + $dp&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;$dp\\&quot; height=\\&quot;$h\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation x=\\&quot;$dp * -1\\&quot; gravity=\\&quot;north_east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;$w\\&quot; height=\\&quot;$dp\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;vflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 700))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 20))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 700))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 20))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.png&#039;, {transformation: [ {variables: [[\\&quot;$w\\&quot;, \\&quot;700\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;20\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$dp\\&quot;, height: \\&quot;$h\\&quot;, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;}, {x: \\&quot;$dp * -1\\&quot;, gravity: \\&quot;north_east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$dp\\&quot;, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;}, {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {quality: \\&quot;auto\\&quot;, fetchFormat: \\&quot;auto\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.png&#039;, {transformation: [\\n  {variables: [[\\&quot;$w\\&quot;, \\&quot;700\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;20\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$dp\\&quot;, height: \\&quot;$h\\&quot;, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;},\\n  {x: \\&quot;$dp * -1\\&quot;, gravity: \\&quot;north_east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$dp\\&quot;, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;},\\n  {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetchFormat: \\&quot;auto\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;).image(transformation=[ {&#039;variables&#039;: [[\\&quot;$w\\&quot;, \\&quot;700\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;20\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]}, {&#039;width&#039;: \\&quot;$w\\&quot;, &#039;height&#039;: \\&quot;$h\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: \\&quot;$w\\&quot;, &#039;height&#039;: \\&quot;$h\\&quot;, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: \\&quot;$dp\\&quot;, &#039;height&#039;: \\&quot;$h\\&quot;, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;hflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;}, {&#039;x&#039;: \\&quot;$dp * -1\\&quot;, &#039;gravity&#039;: \\&quot;north_east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;width&#039;: \\&quot;$w\\&quot;, &#039;height&#039;: \\&quot;$h\\&quot;, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: \\&quot;$w\\&quot;, &#039;height&#039;: \\&quot;$dp\\&quot;, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;vflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;}, {&#039;gravity&#039;: \\&quot;south\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;quality&#039;: \\&quot;auto\\&quot;, &#039;fetch_format&#039;: \\&quot;auto\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;).image(transformation=[\\n  {&#039;variables&#039;: [[\\&quot;$w\\&quot;, \\&quot;700\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;20\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]},\\n  {&#039;width&#039;: \\&quot;$w\\&quot;, &#039;height&#039;: \\&quot;$h\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: \\&quot;$w\\&quot;, &#039;height&#039;: \\&quot;$h\\&quot;, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: \\&quot;$dp\\&quot;, &#039;height&#039;: \\&quot;$h\\&quot;, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;hflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;},\\n  {&#039;x&#039;: \\&quot;$dp * -1\\&quot;, &#039;gravity&#039;: \\&quot;north_east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;width&#039;: \\&quot;$w\\&quot;, &#039;height&#039;: \\&quot;$h\\&quot;, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: \\&quot;$w\\&quot;, &#039;height&#039;: \\&quot;$dp\\&quot;, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;vflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;},\\n  {&#039;gravity&#039;: \\&quot;south\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;quality&#039;: \\&quot;auto\\&quot;, &#039;fetch_format&#039;: \\&quot;auto\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.png&#039;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;w\\&quot;,700))\\n\\t-&gt;addVariable(Variable::set(\\&quot;h\\&quot;,500))\\n\\t-&gt;addVariable(Variable::set(\\&quot;dp\\&quot;,20))\\n\\t-&gt;addVariable(Variable::set(\\&quot;wadp\\&quot;,\\n\\tExpression::expression(\\&quot;$w + $dp\\&quot;)))\\n\\t-&gt;addVariable(Variable::set(\\&quot;hadp\\&quot;,\\n\\tExpression::expression(\\&quot;$h + $dp\\&quot;)))\\n\\t-&gt;resize(Resize::fill()-&gt;width(\\&quot;$w\\&quot;)\\n-&gt;height(\\&quot;$h\\&quot;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(\\&quot;$w\\&quot;)\\n-&gt;height(\\&quot;$h\\&quot;))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(\\&quot;$dp\\&quot;)\\n-&gt;height(\\&quot;$h\\&quot;)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northEast()))\\n\\t-&gt;offsetX(\\n\\tExpression::expression(\\&quot;$dp * -1\\&quot;))\\n\\t)\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(\\&quot;$w\\&quot;)\\n-&gt;height(\\&quot;$h\\&quot;))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(\\&quot;$w\\&quot;)\\n-&gt;height(\\&quot;$dp\\&quot;)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::verticalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t)\\n\\t-&gt;delivery(Delivery::format(\\n\\tFormat::auto()))\\n\\t-&gt;delivery(Delivery::quality(\\n\\tQuality::auto()));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.png&#039;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;w\\&quot;,700))\\n\\t-&gt;addVariable(Variable::set(\\&quot;h\\&quot;,500))\\n\\t-&gt;addVariable(Variable::set(\\&quot;dp\\&quot;,20))\\n\\t-&gt;addVariable(Variable::set(\\&quot;wadp\\&quot;,\\n\\tExpression::expression(\\&quot;$w + $dp\\&quot;)))\\n\\t-&gt;addVariable(Variable::set(\\&quot;hadp\\&quot;,\\n\\tExpression::expression(\\&quot;$h + $dp\\&quot;)))\\n\\t-&gt;resize(Resize::fill()-&gt;width(\\&quot;$w\\&quot;)\\n-&gt;height(\\&quot;$h\\&quot;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(\\&quot;$w\\&quot;)\\n-&gt;height(\\&quot;$h\\&quot;))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(\\&quot;$dp\\&quot;)\\n-&gt;height(\\&quot;$h\\&quot;)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northEast()))\\n\\t-&gt;offsetX(\\n\\tExpression::expression(\\&quot;$dp * -1\\&quot;))\\n\\t)\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(\\&quot;$w\\&quot;)\\n-&gt;height(\\&quot;$h\\&quot;))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(\\&quot;$w\\&quot;)\\n-&gt;height(\\&quot;$dp\\&quot;)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::verticalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t)\\n\\t-&gt;delivery(Delivery::format(\\n\\tFormat::auto()))\\n\\t-&gt;delivery(Delivery::quality(\\n\\tQuality::auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.png\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$w\\&quot;, \\&quot;700\\&quot;), array(\\&quot;$h\\&quot;, \\&quot;500\\&quot;), array(\\&quot;$dp\\&quot;, \\&quot;20\\&quot;), array(\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;), array(\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;))), array(\\&quot;width\\&quot;=&gt;\\&quot;$w\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$h\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;\\&quot;$w\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$h\\&quot;, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;\\&quot;$dp\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$h\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;), array(\\&quot;x\\&quot;=&gt;\\&quot;$dp * -1\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;width\\&quot;=&gt;\\&quot;$w\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$h\\&quot;, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;\\&quot;$w\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$dp\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;vflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;), array(\\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;quality\\&quot;=&gt;\\&quot;auto\\&quot;, \\&quot;fetch_format\\&quot;=&gt;\\&quot;auto\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.png\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$w\\&quot;, \\&quot;700\\&quot;), array(\\&quot;$h\\&quot;, \\&quot;500\\&quot;), array(\\&quot;$dp\\&quot;, \\&quot;20\\&quot;), array(\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;), array(\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;))),\\n  array(\\&quot;width\\&quot;=&gt;\\&quot;$w\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$h\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;\\&quot;$w\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$h\\&quot;, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;\\&quot;$dp\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$h\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;),\\n  array(\\&quot;x\\&quot;=&gt;\\&quot;$dp * -1\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;\\&quot;$w\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$h\\&quot;, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;\\&quot;$w\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$dp\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;vflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;),\\n  array(\\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;quality\\&quot;=&gt;\\&quot;auto\\&quot;, \\&quot;fetch_format\\&quot;=&gt;\\&quot;auto\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().variables(variable(\\&quot;$w\\&quot;,\\&quot;700\\&quot;),variable(\\&quot;$h\\&quot;,\\&quot;500\\&quot;),variable(\\&quot;$dp\\&quot;,\\&quot;20\\&quot;),variable(\\&quot;$wadp\\&quot;,\\&quot;$w + $dp\\&quot;),variable(\\&quot;$hadp\\&quot;,\\&quot;$h + $dp\\&quot;)).chain() .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;).chain() .x(\\&quot;$dp * -1\\&quot;).gravity(\\&quot;north_east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;vflip\\&quot;).chain() .effect(\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;).chain() .gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).imageTag(\\&quot;art-creative-graffiti.png\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .variables(variable(\\&quot;$w\\&quot;,\\&quot;700\\&quot;),variable(\\&quot;$h\\&quot;,\\&quot;500\\&quot;),variable(\\&quot;$dp\\&quot;,\\&quot;20\\&quot;),variable(\\&quot;$wadp\\&quot;,\\&quot;$w + $dp\\&quot;),variable(\\&quot;$hadp\\&quot;,\\&quot;$h + $dp\\&quot;)).chain()\\n  .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;).chain()\\n  .x(\\&quot;$dp * -1\\&quot;).gravity(\\&quot;north_east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;vflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;).chain()\\n  .gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).imageTag(\\&quot;art-creative-graffiti.png\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.png\\&quot;, transformation: [ {variables: [[\\&quot;$w\\&quot;, \\&quot;700\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;20\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$dp\\&quot;, height: \\&quot;$h\\&quot;, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;}, {x: \\&quot;$dp * -1\\&quot;, gravity: \\&quot;north_east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$dp\\&quot;, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;}, {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.png\\&quot;, transformation: [\\n  {variables: [[\\&quot;$w\\&quot;, \\&quot;700\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;20\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$dp\\&quot;, height: \\&quot;$h\\&quot;, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;},\\n  {x: \\&quot;$dp * -1\\&quot;, gravity: \\&quot;north_east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$dp\\&quot;, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;},\\n  {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Variables(\\&quot;$w\\&quot;, 700).Chain() .Width(\\&quot;$w\\&quot;).Height(\\&quot;$h\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(\\&quot;$w\\&quot;).Height(\\&quot;$h\\&quot;).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(\\&quot;$dp\\&quot;).Height(\\&quot;$h\\&quot;).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;hflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;).Chain() .X(\\&quot;$dp * -1\\&quot;).Gravity(\\&quot;north_east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain() .Width(\\&quot;$w\\&quot;).Height(\\&quot;$h\\&quot;).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(\\&quot;$w\\&quot;).Height(\\&quot;$dp\\&quot;).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;vflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;).Chain() .Gravity(\\&quot;south\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain() .Quality(\\&quot;auto\\&quot;).FetchFormat(\\&quot;auto\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.png\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Variables(\\&quot;$w\\&quot;, 700).Chain()\\n  .Width(\\&quot;$w\\&quot;).Height(\\&quot;$h\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(\\&quot;$w\\&quot;).Height(\\&quot;$h\\&quot;).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(\\&quot;$dp\\&quot;).Height(\\&quot;$h\\&quot;).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;hflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;).Chain()\\n  .X(\\&quot;$dp * -1\\&quot;).Gravity(\\&quot;north_east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Width(\\&quot;$w\\&quot;).Height(\\&quot;$h\\&quot;).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(\\&quot;$w\\&quot;).Height(\\&quot;$dp\\&quot;).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;vflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;).Chain()\\n  .Gravity(\\&quot;south\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Quality(\\&quot;auto\\&quot;).FetchFormat(\\&quot;auto\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.png\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.png&#039;).transformation(Transformation()\\n\\t.addVariable(Variable.set(\\&quot;w\\&quot;,700))\\n\\t.addVariable(Variable.set(\\&quot;h\\&quot;,500))\\n\\t.addVariable(Variable.set(\\&quot;dp\\&quot;,20))\\n\\t.addVariable(Variable.set(\\&quot;wadp\\&quot;,\\n\\tExpression.expression(\\&quot;$w + $dp\\&quot;)))\\n\\t.addVariable(Variable.set(\\&quot;hadp\\&quot;,\\n\\tExpression.expression(\\&quot;$h + $dp\\&quot;)))\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(\\&quot;$dp\\&quot;)\\n.height(\\&quot;$h\\&quot;)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n\\t.offsetX(\\n\\tExpression.expression(\\&quot;$dp * -1\\&quot;))\\n\\t)\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$dp\\&quot;)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.png&#039;).transformation(Transformation()\\n\\t.addVariable(Variable.set(\\&quot;w\\&quot;,700))\\n\\t.addVariable(Variable.set(\\&quot;h\\&quot;,500))\\n\\t.addVariable(Variable.set(\\&quot;dp\\&quot;,20))\\n\\t.addVariable(Variable.set(\\&quot;wadp\\&quot;,\\n\\tExpression.expression(\\&quot;$w + $dp\\&quot;)))\\n\\t.addVariable(Variable.set(\\&quot;hadp\\&quot;,\\n\\tExpression.expression(\\&quot;$h + $dp\\&quot;)))\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(\\&quot;$dp\\&quot;)\\n.height(\\&quot;$h\\&quot;)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n\\t.offsetX(\\n\\tExpression.expression(\\&quot;$dp * -1\\&quot;))\\n\\t)\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$dp\\&quot;)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().chain() .setWidth(\\&quot;$w\\&quot;).setHeight(\\&quot;$h\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(\\&quot;$w\\&quot;).setHeight(\\&quot;$h\\&quot;).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(\\&quot;$dp\\&quot;).setHeight(\\&quot;$h\\&quot;).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;hflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;).chain() .setX(\\&quot;$dp * -1\\&quot;).setGravity(\\&quot;north_east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain() .setWidth(\\&quot;$w\\&quot;).setHeight(\\&quot;$h\\&quot;).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(\\&quot;$w\\&quot;).setHeight(\\&quot;$dp\\&quot;).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;vflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;).chain() .setGravity(\\&quot;south\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain() .setQuality(\\&quot;auto\\&quot;).setFetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;art-creative-graffiti.png\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .chain()\\n  .setWidth(\\&quot;$w\\&quot;).setHeight(\\&quot;$h\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(\\&quot;$w\\&quot;).setHeight(\\&quot;$h\\&quot;).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(\\&quot;$dp\\&quot;).setHeight(\\&quot;$h\\&quot;).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;hflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;).chain()\\n  .setX(\\&quot;$dp * -1\\&quot;).setGravity(\\&quot;north_east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setWidth(\\&quot;$w\\&quot;).setHeight(\\&quot;$h\\&quot;).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(\\&quot;$w\\&quot;).setHeight(\\&quot;$dp\\&quot;).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;vflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;).chain()\\n  .setGravity(\\&quot;south\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setQuality(\\&quot;auto\\&quot;).setFetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;art-creative-graffiti.png\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().variables(variable(\\&quot;$w\\&quot;,\\&quot;700\\&quot;),variable(\\&quot;$h\\&quot;,\\&quot;500\\&quot;),variable(\\&quot;$dp\\&quot;,\\&quot;20\\&quot;),variable(\\&quot;$wadp\\&quot;,\\&quot;$w + $dp\\&quot;),variable(\\&quot;$hadp\\&quot;,\\&quot;$h + $dp\\&quot;)).chain() .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;).chain() .x(\\&quot;$dp * -1\\&quot;).gravity(\\&quot;north_east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;vflip\\&quot;).chain() .effect(\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;).chain() .gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;art-creative-graffiti.png\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .variables(variable(\\&quot;$w\\&quot;,\\&quot;700\\&quot;),variable(\\&quot;$h\\&quot;,\\&quot;500\\&quot;),variable(\\&quot;$dp\\&quot;,\\&quot;20\\&quot;),variable(\\&quot;$wadp\\&quot;,\\&quot;$w + $dp\\&quot;),variable(\\&quot;$hadp\\&quot;,\\&quot;$h + $dp\\&quot;)).chain()\\n  .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;).chain()\\n  .x(\\&quot;$dp * -1\\&quot;).gravity(\\&quot;north_east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;vflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;).chain()\\n  .gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;art-creative-graffiti.png\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.png&#039;).transformation(Transformation()\\n\\t.addVariable(Variable.set(\\&quot;w\\&quot;,700))\\n\\t.addVariable(Variable.set(\\&quot;h\\&quot;,500))\\n\\t.addVariable(Variable.set(\\&quot;dp\\&quot;,20))\\n\\t.addVariable(Variable.set(\\&quot;wadp\\&quot;,\\n\\tExpression.expression(\\&quot;$w + $dp\\&quot;)))\\n\\t.addVariable(Variable.set(\\&quot;hadp\\&quot;,\\n\\tExpression.expression(\\&quot;$h + $dp\\&quot;)))\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(\\&quot;$dp\\&quot;)\\n.height(\\&quot;$h\\&quot;)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n\\t.offsetX(\\n\\tExpression.expression(\\&quot;$dp * -1\\&quot;))\\n\\t)\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$dp\\&quot;)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.png&#039;).transformation(Transformation()\\n\\t.addVariable(Variable.set(\\&quot;w\\&quot;,700))\\n\\t.addVariable(Variable.set(\\&quot;h\\&quot;,500))\\n\\t.addVariable(Variable.set(\\&quot;dp\\&quot;,20))\\n\\t.addVariable(Variable.set(\\&quot;wadp\\&quot;,\\n\\tExpression.expression(\\&quot;$w + $dp\\&quot;)))\\n\\t.addVariable(Variable.set(\\&quot;hadp\\&quot;,\\n\\tExpression.expression(\\&quot;$h + $dp\\&quot;)))\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(\\&quot;$dp\\&quot;)\\n.height(\\&quot;$h\\&quot;)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n\\t.offsetX(\\n\\tExpression.expression(\\&quot;$dp * -1\\&quot;))\\n\\t)\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$dp\\&quot;)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.png\\&quot;)\\n\\t addVariable(Variable.set(\\&quot;w\\&quot;,700))\\n\\t addVariable(Variable.set(\\&quot;h\\&quot;,500))\\n\\t addVariable(Variable.set(\\&quot;dp\\&quot;,20))\\n\\t addVariable(Variable.set(\\&quot;wadp\\&quot;,\\n\\tExpression.expression(\\&quot;\\\\$w + \\\\$dp\\&quot;)))\\n\\t addVariable(Variable.set(\\&quot;hadp\\&quot;,\\n\\tExpression.expression(\\&quot;\\\\$h + \\\\$dp\\&quot;)))\\n\\t resize(Resize.fill() { width(\\&quot;\\\\$w\\&quot;)\\n height(\\&quot;\\\\$h\\&quot;) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(\\&quot;\\\\\\\\$w\\&quot;)\\n height(\\&quot;\\\\\\\\$h\\&quot;) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(\\&quot;\\\\\\\\$dp\\&quot;)\\n height(\\&quot;\\\\\\\\$h\\&quot;)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, \\\\\\\\$dp, \\\\\\\\$dp, \\\\\\\\$dp, \\\\\\\\$hadp, 0, \\\\\\\\$h))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n\\t offsetX(\\n\\tExpression.expression(\\&quot;\\\\$dp * -1\\&quot;))\\n\\t })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(\\&quot;\\\\\\\\$w\\&quot;)\\n height(\\&quot;\\\\\\\\$h\\&quot;) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(\\&quot;\\\\\\\\$w\\&quot;)\\n height(\\&quot;\\\\\\\\$dp\\&quot;)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, \\\\\\\\$w, 0, \\\\\\\\$wadp, \\\\\\\\$dp, \\\\\\\\$dp, \\\\\\\\$dp))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t })\\n\\t delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t delivery(Delivery.quality(\\n\\tQuality.auto())) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.png\\&quot;)\\n\\t addVariable(Variable.set(\\&quot;w\\&quot;,700))\\n\\t addVariable(Variable.set(\\&quot;h\\&quot;,500))\\n\\t addVariable(Variable.set(\\&quot;dp\\&quot;,20))\\n\\t addVariable(Variable.set(\\&quot;wadp\\&quot;,\\n\\tExpression.expression(\\&quot;\\\\$w + \\\\$dp\\&quot;)))\\n\\t addVariable(Variable.set(\\&quot;hadp\\&quot;,\\n\\tExpression.expression(\\&quot;\\\\$h + \\\\$dp\\&quot;)))\\n\\t resize(Resize.fill() { width(\\&quot;\\\\$w\\&quot;)\\n height(\\&quot;\\\\$h\\&quot;) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(\\&quot;\\\\\\\\$w\\&quot;)\\n height(\\&quot;\\\\\\\\$h\\&quot;) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(\\&quot;\\\\\\\\$dp\\&quot;)\\n height(\\&quot;\\\\\\\\$h\\&quot;)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, \\\\\\\\$dp, \\\\\\\\$dp, \\\\\\\\$dp, \\\\\\\\$hadp, 0, \\\\\\\\$h))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n\\t offsetX(\\n\\tExpression.expression(\\&quot;\\\\$dp * -1\\&quot;))\\n\\t })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(\\&quot;\\\\\\\\$w\\&quot;)\\n height(\\&quot;\\\\\\\\$h\\&quot;) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(\\&quot;\\\\\\\\$w\\&quot;)\\n height(\\&quot;\\\\\\\\$dp\\&quot;)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, \\\\\\\\$w, 0, \\\\\\\\$wadp, \\\\\\\\$dp, \\\\\\\\$dp, \\\\\\\\$dp))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t })\\n\\t delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t delivery(Delivery.quality(\\n\\tQuality.auto())) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.png\\&quot;, {transformation: [ {variables: [[\\&quot;$w\\&quot;, \\&quot;700\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;20\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$dp\\&quot;, height: \\&quot;$h\\&quot;, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;}, {x: \\&quot;$dp * -1\\&quot;, gravity: \\&quot;north_east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$dp\\&quot;, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;}, {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.png\\&quot;, {transformation: [\\n  {variables: [[\\&quot;$w\\&quot;, \\&quot;700\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;20\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$dp\\&quot;, height: \\&quot;$h\\&quot;, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;},\\n  {x: \\&quot;$dp * -1\\&quot;, gravity: \\&quot;north_east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$dp\\&quot;, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;},\\n  {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 700))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 20))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 700))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 20))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/$w_700,$h_500,$dp_20,$wadp_$w_add_$dp,$hadp_$h_add_$dp\\\/w_$w,h_$h,c_fill\\\/w_$w,h_$h,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_$dp,h_$h,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\\/x_$dp_mul_-1,g_north_east,fl_layer_apply\\\/w_$w,h_$h,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_$w,h_$dp,c_crop,g_south\\\/a_vflip\\\/e_distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\\/g_south,fl_layer_apply\\\/f_auto,q_auto\\\/art-creative-graffiti.png&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;$w&quot;:&quot;700&quot;,&quot;$h&quot;:&quot;500&quot;,&quot;$dp&quot;:&quot;20&quot;,&quot;$wadp&quot;:&quot;$w_add_$dp&quot;,&quot;$hadp&quot;:&quot;$h_add_$dp&quot;},{&quot;width&quot;:&quot;$w&quot;,&quot;height&quot;:&quot;$h&quot;,&quot;crop_mode&quot;:&quot;fill&quot;},{&quot;width&quot;:&quot;$w&quot;,&quot;height&quot;:&quot;$h&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;$dp&quot;,&quot;height&quot;:&quot;$h&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;east&quot;},{&quot;angle&quot;:&quot;hflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h&quot;},{&quot;x&quot;:&quot;$dp_mul_-1&quot;,&quot;gravity&quot;:&quot;north_east&quot;,&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;width&quot;:&quot;$w&quot;,&quot;height&quot;:&quot;$h&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;$w&quot;,&quot;height&quot;:&quot;$dp&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;south&quot;},{&quot;angle&quot;:&quot;vflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp&quot;},{&quot;gravity&quot;:&quot;south&quot;,&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;format&quot;:&quot;auto&quot;,&quot;quality&quot;:&quot;auto&quot;}],&quot;transformation_string&quot;:&quot;$w_700,$h_500,$dp_20,$wadp_$w_add_$dp,$hadp_$h_add_$dp\\\/w_$w,h_$h,c_fill\\\/w_$w,h_$h,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_$dp,h_$h,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\\/x_$dp_mul_-1,g_north_east,fl_layer_apply\\\/w_$w,h_$h,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_$w,h_$dp,c_crop,g_south\\\/a_vflip\\\/e_distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\\/g_south,fl_layer_apply\\\/f_auto,q_auto&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;art-creative-graffiti.png&quot;,&quot;extension&quot;:&quot;png&quot;,&quot;format&quot;:&quot;png&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/$w_700,$h_500,$dp_20,$wadp_$w_add_$dp,$hadp_$h_add_$dp\/w_$w,h_$h,c_fill\/w_$w,h_$h,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_$dp,h_$h,c_crop,g_east\/a_hflip\/e_distort:0:0:$dp:$dp:$dp:$hadp:0:$h\/x_$dp_mul_-1,g_north_east,fl_layer_apply\/w_$w,h_$h,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_$w,h_$dp,c_crop,g_south\/a_vflip\/e_distort:0:0:$w:0:$wadp:$dp:$dp:$dp\/g_south,fl_layer_apply\/f_auto,q_auto\/art-creative-graffiti.png\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/$w_700,$h_500,$dp_20,$wadp_$w_add_$dp,$hadp_$h_add_$dp\/w_$w,h_$h,c_fill\/w_$w,h_$h,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_$dp,h_$h,c_crop,g_east\/a_hflip\/e_distort:0:0:$dp:$dp:$dp:$hadp:0:$h\/x_$dp_mul_-1,g_north_east,fl_layer_apply\/w_$w,h_$h,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_$w,h_$dp,c_crop,g_south\/a_vflip\/e_distort:0:0:$w:0:$wadp:$dp:$dp:$dp\/g_south,fl_layer_apply\/f_auto,q_auto\/art-creative-graffiti.png\" alt=\"art creative graffiti\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"720\" height=\"520\"\/><\/a><\/p>\n<p>You have now  transformed the same image to a canvas that is 300 x 500 pixels with a 10-pixel depth. See below.<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.png\\&quot;, {transformation: [ {variables: [[\\&quot;$w\\&quot;, \\&quot;300\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;10\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$dp\\&quot;, height: \\&quot;$h\\&quot;, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;}, {x: \\&quot;$dp * -1\\&quot;, gravity: \\&quot;north_east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$dp\\&quot;, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;}, {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;art-creative-graffiti.png\\&quot;, {transformation: [\\n  {variables: [[\\&quot;$w\\&quot;, \\&quot;300\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;10\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$dp\\&quot;, height: \\&quot;$h\\&quot;, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;},\\n  {x: \\&quot;$dp * -1\\&quot;, gravity: \\&quot;north_east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$dp\\&quot;, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;},\\n  {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 300))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 10))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 300))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 10))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.png\\&quot; &gt; &lt;Transformation variables={[[\\&quot;$w\\&quot;, \\&quot;300\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;10\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]} \\\/&gt; &lt;Transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;$dp\\&quot; height=\\&quot;$h\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot; \\\/&gt; &lt;Transformation x=\\&quot;$dp * -1\\&quot; gravity=\\&quot;north_east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;$w\\&quot; height=\\&quot;$dp\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation angle=\\&quot;vflip\\&quot; \\\/&gt; &lt;Transformation effect=\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot; \\\/&gt; &lt;Transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation quality=\\&quot;auto\\&quot; fetchFormat=\\&quot;auto\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;art-creative-graffiti.png\\&quot; &gt;\\n\\t&lt;Transformation variables={[[\\&quot;$w\\&quot;, \\&quot;300\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;10\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]} \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;$dp\\&quot; height=\\&quot;$h\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot; \\\/&gt;\\n\\t&lt;Transformation x=\\&quot;$dp * -1\\&quot; gravity=\\&quot;north_east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;$w\\&quot; height=\\&quot;$dp\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation angle=\\&quot;vflip\\&quot; \\\/&gt;\\n\\t&lt;Transformation effect=\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot; \\\/&gt;\\n\\t&lt;Transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation quality=\\&quot;auto\\&quot; fetchFormat=\\&quot;auto\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 300))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 10))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 300))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 10))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.png\\&quot; &gt; &lt;cld-transformation :variables=\\&quot;[[&#039;$w&#039;, &#039;300&#039;], [&#039;$h&#039;, &#039;500&#039;], [&#039;$dp&#039;, &#039;10&#039;], [&#039;$wadp&#039;, &#039;$w + $dp&#039;], [&#039;$hadp&#039;, &#039;$h + $dp&#039;]]\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;$dp\\&quot; height=\\&quot;$h\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot; \\\/&gt; &lt;cld-transformation x=\\&quot;$dp * -1\\&quot; gravity=\\&quot;north_east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;$w\\&quot; height=\\&quot;$dp\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation angle=\\&quot;vflip\\&quot; \\\/&gt; &lt;cld-transformation effect=\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot; \\\/&gt; &lt;cld-transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;art-creative-graffiti.png\\&quot; &gt;\\n\\t&lt;cld-transformation :variables=\\&quot;[[&#039;$w&#039;, &#039;300&#039;], [&#039;$h&#039;, &#039;500&#039;], [&#039;$dp&#039;, &#039;10&#039;], [&#039;$wadp&#039;, &#039;$w + $dp&#039;], [&#039;$hadp&#039;, &#039;$h + $dp&#039;]]\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;$dp\\&quot; height=\\&quot;$h\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;hflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation x=\\&quot;$dp * -1\\&quot; gravity=\\&quot;north_east\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; :overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;$w\\&quot; height=\\&quot;$dp\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation angle=\\&quot;vflip\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation effect=\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 300))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 10))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 300))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 10))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.png\\&quot; &gt; &lt;cl-transformation variables=\\&quot;[[&#039;$w&#039;, &#039;300&#039;], [&#039;$h&#039;, &#039;500&#039;], [&#039;$dp&#039;, &#039;10&#039;], [&#039;$wadp&#039;, &#039;$w + $dp&#039;], [&#039;$hadp&#039;, &#039;$h + $dp&#039;]]\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;$dp\\&quot; height=\\&quot;$h\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation x=\\&quot;$dp * -1\\&quot; gravity=\\&quot;north_east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;$w\\&quot; height=\\&quot;$dp\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation angle=\\&quot;vflip\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation effect=\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;art-creative-graffiti.png\\&quot; &gt;\\n\\t&lt;cl-transformation variables=\\&quot;[[&#039;$w&#039;, &#039;300&#039;], [&#039;$h&#039;, &#039;500&#039;], [&#039;$dp&#039;, &#039;10&#039;], [&#039;$wadp&#039;, &#039;$w + $dp&#039;], [&#039;$hadp&#039;, &#039;$h + $dp&#039;]]\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;$dp\\&quot; height=\\&quot;$h\\&quot; gravity=\\&quot;east\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;hflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation x=\\&quot;$dp * -1\\&quot; gravity=\\&quot;north_east\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;$w\\&quot; height=\\&quot;$h\\&quot; overlay=\\&quot;art-creative-graffiti\\&quot; opacity=\\&quot;60\\&quot; border=\\&quot;1px_solid_rgb:FFFFFF\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;$w\\&quot; height=\\&quot;$dp\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation angle=\\&quot;vflip\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation effect=\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation gravity=\\&quot;south\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation quality=\\&quot;auto\\&quot; fetch-format=\\&quot;auto\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 300))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 10))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 300))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 10))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.png&#039;, {transformation: [ {variables: [[\\&quot;$w\\&quot;, \\&quot;300\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;10\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$dp\\&quot;, height: \\&quot;$h\\&quot;, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;}, {x: \\&quot;$dp * -1\\&quot;, gravity: \\&quot;north_east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$dp\\&quot;, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;}, {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {quality: \\&quot;auto\\&quot;, fetchFormat: \\&quot;auto\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;art-creative-graffiti.png&#039;, {transformation: [\\n  {variables: [[\\&quot;$w\\&quot;, \\&quot;300\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;10\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$dp\\&quot;, height: \\&quot;$h\\&quot;, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;},\\n  {x: \\&quot;$dp * -1\\&quot;, gravity: \\&quot;north_east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$dp\\&quot;, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;},\\n  {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetchFormat: \\&quot;auto\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;).image(transformation=[ {&#039;variables&#039;: [[\\&quot;$w\\&quot;, \\&quot;300\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;10\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]}, {&#039;width&#039;: \\&quot;$w\\&quot;, &#039;height&#039;: \\&quot;$h\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: \\&quot;$w\\&quot;, &#039;height&#039;: \\&quot;$h\\&quot;, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: \\&quot;$dp\\&quot;, &#039;height&#039;: \\&quot;$h\\&quot;, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;hflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;}, {&#039;x&#039;: \\&quot;$dp * -1\\&quot;, &#039;gravity&#039;: \\&quot;north_east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;width&#039;: \\&quot;$w\\&quot;, &#039;height&#039;: \\&quot;$h\\&quot;, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;width&#039;: \\&quot;$w\\&quot;, &#039;height&#039;: \\&quot;$dp\\&quot;, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;angle&#039;: \\&quot;vflip\\&quot;}, {&#039;effect&#039;: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;}, {&#039;gravity&#039;: \\&quot;south\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;quality&#039;: \\&quot;auto\\&quot;, &#039;fetch_format&#039;: \\&quot;auto\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;).image(transformation=[\\n  {&#039;variables&#039;: [[\\&quot;$w\\&quot;, \\&quot;300\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;10\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]},\\n  {&#039;width&#039;: \\&quot;$w\\&quot;, &#039;height&#039;: \\&quot;$h\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: \\&quot;$w\\&quot;, &#039;height&#039;: \\&quot;$h\\&quot;, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: \\&quot;$dp\\&quot;, &#039;height&#039;: \\&quot;$h\\&quot;, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;hflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;},\\n  {&#039;x&#039;: \\&quot;$dp * -1\\&quot;, &#039;gravity&#039;: \\&quot;north_east\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;width&#039;: \\&quot;$w\\&quot;, &#039;height&#039;: \\&quot;$h\\&quot;, &#039;overlay&#039;: \\&quot;art-creative-graffiti\\&quot;, &#039;opacity&#039;: 60, &#039;border&#039;: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;width&#039;: \\&quot;$w\\&quot;, &#039;height&#039;: \\&quot;$dp\\&quot;, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;angle&#039;: \\&quot;vflip\\&quot;},\\n  {&#039;effect&#039;: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;},\\n  {&#039;gravity&#039;: \\&quot;south\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;quality&#039;: \\&quot;auto\\&quot;, &#039;fetch_format&#039;: \\&quot;auto\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.png&#039;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;w\\&quot;,300))\\n\\t-&gt;addVariable(Variable::set(\\&quot;h\\&quot;,500))\\n\\t-&gt;addVariable(Variable::set(\\&quot;dp\\&quot;,10))\\n\\t-&gt;addVariable(Variable::set(\\&quot;wadp\\&quot;,\\n\\tExpression::expression(\\&quot;$w + $dp\\&quot;)))\\n\\t-&gt;addVariable(Variable::set(\\&quot;hadp\\&quot;,\\n\\tExpression::expression(\\&quot;$h + $dp\\&quot;)))\\n\\t-&gt;resize(Resize::fill()-&gt;width(\\&quot;$w\\&quot;)\\n-&gt;height(\\&quot;$h\\&quot;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(\\&quot;$w\\&quot;)\\n-&gt;height(\\&quot;$h\\&quot;))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(\\&quot;$dp\\&quot;)\\n-&gt;height(\\&quot;$h\\&quot;)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northEast()))\\n\\t-&gt;offsetX(\\n\\tExpression::expression(\\&quot;$dp * -1\\&quot;))\\n\\t)\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(\\&quot;$w\\&quot;)\\n-&gt;height(\\&quot;$h\\&quot;))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(\\&quot;$w\\&quot;)\\n-&gt;height(\\&quot;$dp\\&quot;)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::verticalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t)\\n\\t-&gt;delivery(Delivery::format(\\n\\tFormat::auto()))\\n\\t-&gt;delivery(Delivery::quality(\\n\\tQuality::auto()));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;art-creative-graffiti.png&#039;))\\n\\t-&gt;addVariable(Variable::set(\\&quot;w\\&quot;,300))\\n\\t-&gt;addVariable(Variable::set(\\&quot;h\\&quot;,500))\\n\\t-&gt;addVariable(Variable::set(\\&quot;dp\\&quot;,10))\\n\\t-&gt;addVariable(Variable::set(\\&quot;wadp\\&quot;,\\n\\tExpression::expression(\\&quot;$w + $dp\\&quot;)))\\n\\t-&gt;addVariable(Variable::set(\\&quot;hadp\\&quot;,\\n\\tExpression::expression(\\&quot;$h + $dp\\&quot;)))\\n\\t-&gt;resize(Resize::fill()-&gt;width(\\&quot;$w\\&quot;)\\n-&gt;height(\\&quot;$h\\&quot;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(\\&quot;$w\\&quot;)\\n-&gt;height(\\&quot;$h\\&quot;))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(\\&quot;$dp\\&quot;)\\n-&gt;height(\\&quot;$h\\&quot;)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::horizontalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northEast()))\\n\\t-&gt;offsetX(\\n\\tExpression::expression(\\&quot;$dp * -1\\&quot;))\\n\\t)\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::fill()-&gt;width(\\&quot;$w\\&quot;)\\n-&gt;height(\\&quot;$h\\&quot;))\\n\\t-&gt;border(Border::solid(1,Color::rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t-&gt;adjust(Adjust::opacity(60))\\n\\t-&gt;resize(Resize::crop()-&gt;width(\\&quot;$w\\&quot;)\\n-&gt;height(\\&quot;$dp\\&quot;)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t-&gt;rotate(Rotate::mode(\\n\\tRotationMode::verticalFlip()))\\n\\t-&gt;reshape(Reshape::distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp])))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t)\\n\\t)\\n\\t-&gt;delivery(Delivery::format(\\n\\tFormat::auto()))\\n\\t-&gt;delivery(Delivery::quality(\\n\\tQuality::auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.png\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$w\\&quot;, \\&quot;300\\&quot;), array(\\&quot;$h\\&quot;, \\&quot;500\\&quot;), array(\\&quot;$dp\\&quot;, \\&quot;10\\&quot;), array(\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;), array(\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;))), array(\\&quot;width\\&quot;=&gt;\\&quot;$w\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$h\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;\\&quot;$w\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$h\\&quot;, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;\\&quot;$dp\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$h\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;), array(\\&quot;x\\&quot;=&gt;\\&quot;$dp * -1\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;width\\&quot;=&gt;\\&quot;$w\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$h\\&quot;, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;width\\&quot;=&gt;\\&quot;$w\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$dp\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;angle\\&quot;=&gt;\\&quot;vflip\\&quot;), array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;), array(\\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;quality\\&quot;=&gt;\\&quot;auto\\&quot;, \\&quot;fetch_format\\&quot;=&gt;\\&quot;auto\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.png\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;variables\\&quot;=&gt;array(array(\\&quot;$w\\&quot;, \\&quot;300\\&quot;), array(\\&quot;$h\\&quot;, \\&quot;500\\&quot;), array(\\&quot;$dp\\&quot;, \\&quot;10\\&quot;), array(\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;), array(\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;))),\\n  array(\\&quot;width\\&quot;=&gt;\\&quot;$w\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$h\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;\\&quot;$w\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$h\\&quot;, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;\\&quot;$dp\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$h\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;hflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;),\\n  array(\\&quot;x\\&quot;=&gt;\\&quot;$dp * -1\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_east\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;\\&quot;$w\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$h\\&quot;, \\&quot;overlay\\&quot;=&gt;\\&quot;art-creative-graffiti\\&quot;, \\&quot;opacity\\&quot;=&gt;60, \\&quot;border\\&quot;=&gt;\\&quot;1px_solid_rgb:FFFFFF\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;\\&quot;$w\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;$dp\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;angle\\&quot;=&gt;\\&quot;vflip\\&quot;),\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;),\\n  array(\\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;quality\\&quot;=&gt;\\&quot;auto\\&quot;, \\&quot;fetch_format\\&quot;=&gt;\\&quot;auto\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().variables(variable(\\&quot;$w\\&quot;,\\&quot;300\\&quot;),variable(\\&quot;$h\\&quot;,\\&quot;500\\&quot;),variable(\\&quot;$dp\\&quot;,\\&quot;10\\&quot;),variable(\\&quot;$wadp\\&quot;,\\&quot;$w + $dp\\&quot;),variable(\\&quot;$hadp\\&quot;,\\&quot;$h + $dp\\&quot;)).chain() .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;).chain() .x(\\&quot;$dp * -1\\&quot;).gravity(\\&quot;north_east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;vflip\\&quot;).chain() .effect(\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;).chain() .gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).imageTag(\\&quot;art-creative-graffiti.png\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .variables(variable(\\&quot;$w\\&quot;,\\&quot;300\\&quot;),variable(\\&quot;$h\\&quot;,\\&quot;500\\&quot;),variable(\\&quot;$dp\\&quot;,\\&quot;10\\&quot;),variable(\\&quot;$wadp\\&quot;,\\&quot;$w + $dp\\&quot;),variable(\\&quot;$hadp\\&quot;,\\&quot;$h + $dp\\&quot;)).chain()\\n  .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;).chain()\\n  .x(\\&quot;$dp * -1\\&quot;).gravity(\\&quot;north_east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;vflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;).chain()\\n  .gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).imageTag(\\&quot;art-creative-graffiti.png\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.png\\&quot;, transformation: [ {variables: [[\\&quot;$w\\&quot;, \\&quot;300\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;10\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$dp\\&quot;, height: \\&quot;$h\\&quot;, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;}, {x: \\&quot;$dp * -1\\&quot;, gravity: \\&quot;north_east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$dp\\&quot;, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;}, {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;art-creative-graffiti.png\\&quot;, transformation: [\\n  {variables: [[\\&quot;$w\\&quot;, \\&quot;300\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;10\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$dp\\&quot;, height: \\&quot;$h\\&quot;, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;},\\n  {x: \\&quot;$dp * -1\\&quot;, gravity: \\&quot;north_east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: \\&quot;art-creative-graffiti\\&quot;, opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$dp\\&quot;, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;},\\n  {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Variables(\\&quot;$w\\&quot;, 300).Chain() .Width(\\&quot;$w\\&quot;).Height(\\&quot;$h\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(\\&quot;$w\\&quot;).Height(\\&quot;$h\\&quot;).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(\\&quot;$dp\\&quot;).Height(\\&quot;$h\\&quot;).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;hflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;).Chain() .X(\\&quot;$dp * -1\\&quot;).Gravity(\\&quot;north_east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain() .Width(\\&quot;$w\\&quot;).Height(\\&quot;$h\\&quot;).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Width(\\&quot;$w\\&quot;).Height(\\&quot;$dp\\&quot;).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;).Chain() .Angle(\\&quot;vflip\\&quot;).Chain() .Effect(\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;).Chain() .Gravity(\\&quot;south\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain() .Quality(\\&quot;auto\\&quot;).FetchFormat(\\&quot;auto\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.png\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Variables(\\&quot;$w\\&quot;, 300).Chain()\\n  .Width(\\&quot;$w\\&quot;).Height(\\&quot;$h\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(\\&quot;$w\\&quot;).Height(\\&quot;$h\\&quot;).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(\\&quot;$dp\\&quot;).Height(\\&quot;$h\\&quot;).Gravity(\\&quot;east\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;hflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;).Chain()\\n  .X(\\&quot;$dp * -1\\&quot;).Gravity(\\&quot;north_east\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Width(\\&quot;$w\\&quot;).Height(\\&quot;$h\\&quot;).Overlay(new Layer().PublicId(\\&quot;art-creative-graffiti\\&quot;)).Opacity(60).Border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Width(\\&quot;$w\\&quot;).Height(\\&quot;$dp\\&quot;).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Angle(\\&quot;vflip\\&quot;).Chain()\\n  .Effect(\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;).Chain()\\n  .Gravity(\\&quot;south\\&quot;).Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Quality(\\&quot;auto\\&quot;).FetchFormat(\\&quot;auto\\&quot;)).BuildImageTag(\\&quot;art-creative-graffiti.png\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.png&#039;).transformation(Transformation()\\n\\t.addVariable(Variable.set(\\&quot;w\\&quot;,300))\\n\\t.addVariable(Variable.set(\\&quot;h\\&quot;,500))\\n\\t.addVariable(Variable.set(\\&quot;dp\\&quot;,10))\\n\\t.addVariable(Variable.set(\\&quot;wadp\\&quot;,\\n\\tExpression.expression(\\&quot;$w + $dp\\&quot;)))\\n\\t.addVariable(Variable.set(\\&quot;hadp\\&quot;,\\n\\tExpression.expression(\\&quot;$h + $dp\\&quot;)))\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(\\&quot;$dp\\&quot;)\\n.height(\\&quot;$h\\&quot;)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n\\t.offsetX(\\n\\tExpression.expression(\\&quot;$dp * -1\\&quot;))\\n\\t)\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$dp\\&quot;)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.png&#039;).transformation(Transformation()\\n\\t.addVariable(Variable.set(\\&quot;w\\&quot;,300))\\n\\t.addVariable(Variable.set(\\&quot;h\\&quot;,500))\\n\\t.addVariable(Variable.set(\\&quot;dp\\&quot;,10))\\n\\t.addVariable(Variable.set(\\&quot;wadp\\&quot;,\\n\\tExpression.expression(\\&quot;$w + $dp\\&quot;)))\\n\\t.addVariable(Variable.set(\\&quot;hadp\\&quot;,\\n\\tExpression.expression(\\&quot;$h + $dp\\&quot;)))\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(\\&quot;$dp\\&quot;)\\n.height(\\&quot;$h\\&quot;)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n\\t.offsetX(\\n\\tExpression.expression(\\&quot;$dp * -1\\&quot;))\\n\\t)\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$dp\\&quot;)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().chain() .setWidth(\\&quot;$w\\&quot;).setHeight(\\&quot;$h\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(\\&quot;$w\\&quot;).setHeight(\\&quot;$h\\&quot;).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(\\&quot;$dp\\&quot;).setHeight(\\&quot;$h\\&quot;).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;hflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;).chain() .setX(\\&quot;$dp * -1\\&quot;).setGravity(\\&quot;north_east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain() .setWidth(\\&quot;$w\\&quot;).setHeight(\\&quot;$h\\&quot;).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setWidth(\\&quot;$w\\&quot;).setHeight(\\&quot;$dp\\&quot;).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;).chain() .setAngle(\\&quot;vflip\\&quot;).chain() .setEffect(\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;).chain() .setGravity(\\&quot;south\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain() .setQuality(\\&quot;auto\\&quot;).setFetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;art-creative-graffiti.png\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .chain()\\n  .setWidth(\\&quot;$w\\&quot;).setHeight(\\&quot;$h\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(\\&quot;$w\\&quot;).setHeight(\\&quot;$h\\&quot;).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(\\&quot;$dp\\&quot;).setHeight(\\&quot;$h\\&quot;).setGravity(\\&quot;east\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;hflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;).chain()\\n  .setX(\\&quot;$dp * -1\\&quot;).setGravity(\\&quot;north_east\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setWidth(\\&quot;$w\\&quot;).setHeight(\\&quot;$h\\&quot;).setOverlay(\\&quot;art-creative-graffiti\\&quot;).setOpacity(60).setBorder(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setWidth(\\&quot;$w\\&quot;).setHeight(\\&quot;$dp\\&quot;).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setAngle(\\&quot;vflip\\&quot;).chain()\\n  .setEffect(\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;).chain()\\n  .setGravity(\\&quot;south\\&quot;).setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setQuality(\\&quot;auto\\&quot;).setFetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;art-creative-graffiti.png\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().variables(variable(\\&quot;$w\\&quot;,\\&quot;300\\&quot;),variable(\\&quot;$h\\&quot;,\\&quot;500\\&quot;),variable(\\&quot;$dp\\&quot;,\\&quot;10\\&quot;),variable(\\&quot;$wadp\\&quot;,\\&quot;$w + $dp\\&quot;),variable(\\&quot;$hadp\\&quot;,\\&quot;$h + $dp\\&quot;)).chain() .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;hflip\\&quot;).chain() .effect(\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;).chain() .x(\\&quot;$dp * -1\\&quot;).gravity(\\&quot;north_east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain() .width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain() .angle(\\&quot;vflip\\&quot;).chain() .effect(\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;).chain() .gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain() .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;art-creative-graffiti.png\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .variables(variable(\\&quot;$w\\&quot;,\\&quot;300\\&quot;),variable(\\&quot;$h\\&quot;,\\&quot;500\\&quot;),variable(\\&quot;$dp\\&quot;,\\&quot;10\\&quot;),variable(\\&quot;$wadp\\&quot;,\\&quot;$w + $dp\\&quot;),variable(\\&quot;$hadp\\&quot;,\\&quot;$h + $dp\\&quot;)).chain()\\n  .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(\\&quot;east\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;hflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;).chain()\\n  .x(\\&quot;$dp * -1\\&quot;).gravity(\\&quot;north_east\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;).overlay(new Layer().publicId(\\&quot;art-creative-graffiti\\&quot;)).opacity(60).border(\\&quot;1px_solid_rgb:FFFFFF\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(\\&quot;south\\&quot;).crop(\\&quot;crop\\&quot;).chain()\\n  .angle(\\&quot;vflip\\&quot;).chain()\\n  .effect(\\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;).chain()\\n  .gravity(\\&quot;south\\&quot;).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .quality(\\&quot;auto\\&quot;).fetchFormat(\\&quot;auto\\&quot;)).generate(\\&quot;art-creative-graffiti.png\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.png&#039;).transformation(Transformation()\\n\\t.addVariable(Variable.set(\\&quot;w\\&quot;,300))\\n\\t.addVariable(Variable.set(\\&quot;h\\&quot;,500))\\n\\t.addVariable(Variable.set(\\&quot;dp\\&quot;,10))\\n\\t.addVariable(Variable.set(\\&quot;wadp\\&quot;,\\n\\tExpression.expression(\\&quot;$w + $dp\\&quot;)))\\n\\t.addVariable(Variable.set(\\&quot;hadp\\&quot;,\\n\\tExpression.expression(\\&quot;$h + $dp\\&quot;)))\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(\\&quot;$dp\\&quot;)\\n.height(\\&quot;$h\\&quot;)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n\\t.offsetX(\\n\\tExpression.expression(\\&quot;$dp * -1\\&quot;))\\n\\t)\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$dp\\&quot;)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;art-creative-graffiti.png&#039;).transformation(Transformation()\\n\\t.addVariable(Variable.set(\\&quot;w\\&quot;,300))\\n\\t.addVariable(Variable.set(\\&quot;h\\&quot;,500))\\n\\t.addVariable(Variable.set(\\&quot;dp\\&quot;,10))\\n\\t.addVariable(Variable.set(\\&quot;wadp\\&quot;,\\n\\tExpression.expression(\\&quot;$w + $dp\\&quot;)))\\n\\t.addVariable(Variable.set(\\&quot;hadp\\&quot;,\\n\\tExpression.expression(\\&quot;$h + $dp\\&quot;)))\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(\\&quot;$dp\\&quot;)\\n.height(\\&quot;$h\\&quot;)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n\\t.offsetX(\\n\\tExpression.expression(\\&quot;$dp * -1\\&quot;))\\n\\t)\\n\\t)\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.fill().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$h\\&quot;))\\n\\t.border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t.adjust(Adjust.opacity(60))\\n\\t.resize(Resize.crop().width(\\&quot;$w\\&quot;)\\n.height(\\&quot;$dp\\&quot;)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t.rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t.reshape(Reshape.distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp])))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t)\\n\\t)\\n\\t.delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t.delivery(Delivery.quality(\\n\\tQuality.auto())));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.png\\&quot;)\\n\\t addVariable(Variable.set(\\&quot;w\\&quot;,300))\\n\\t addVariable(Variable.set(\\&quot;h\\&quot;,500))\\n\\t addVariable(Variable.set(\\&quot;dp\\&quot;,10))\\n\\t addVariable(Variable.set(\\&quot;wadp\\&quot;,\\n\\tExpression.expression(\\&quot;\\\\$w + \\\\$dp\\&quot;)))\\n\\t addVariable(Variable.set(\\&quot;hadp\\&quot;,\\n\\tExpression.expression(\\&quot;\\\\$h + \\\\$dp\\&quot;)))\\n\\t resize(Resize.fill() { width(\\&quot;\\\\$w\\&quot;)\\n height(\\&quot;\\\\$h\\&quot;) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(\\&quot;\\\\\\\\$w\\&quot;)\\n height(\\&quot;\\\\\\\\$h\\&quot;) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(\\&quot;\\\\\\\\$dp\\&quot;)\\n height(\\&quot;\\\\\\\\$h\\&quot;)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, \\\\\\\\$dp, \\\\\\\\$dp, \\\\\\\\$dp, \\\\\\\\$hadp, 0, \\\\\\\\$h))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n\\t offsetX(\\n\\tExpression.expression(\\&quot;\\\\$dp * -1\\&quot;))\\n\\t })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(\\&quot;\\\\\\\\$w\\&quot;)\\n height(\\&quot;\\\\\\\\$h\\&quot;) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(\\&quot;\\\\\\\\$w\\&quot;)\\n height(\\&quot;\\\\\\\\$dp\\&quot;)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, \\\\\\\\$w, 0, \\\\\\\\$wadp, \\\\\\\\$dp, \\\\\\\\$dp, \\\\\\\\$dp))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t })\\n\\t delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t delivery(Delivery.quality(\\n\\tQuality.auto())) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;art-creative-graffiti.png\\&quot;)\\n\\t addVariable(Variable.set(\\&quot;w\\&quot;,300))\\n\\t addVariable(Variable.set(\\&quot;h\\&quot;,500))\\n\\t addVariable(Variable.set(\\&quot;dp\\&quot;,10))\\n\\t addVariable(Variable.set(\\&quot;wadp\\&quot;,\\n\\tExpression.expression(\\&quot;\\\\$w + \\\\$dp\\&quot;)))\\n\\t addVariable(Variable.set(\\&quot;hadp\\&quot;,\\n\\tExpression.expression(\\&quot;\\\\$h + \\\\$dp\\&quot;)))\\n\\t resize(Resize.fill() { width(\\&quot;\\\\$w\\&quot;)\\n height(\\&quot;\\\\$h\\&quot;) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(\\&quot;\\\\\\\\$w\\&quot;)\\n height(\\&quot;\\\\\\\\$h\\&quot;) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(\\&quot;\\\\\\\\$dp\\&quot;)\\n height(\\&quot;\\\\\\\\$h\\&quot;)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.horizontalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, \\\\\\\\$dp, \\\\\\\\$dp, \\\\\\\\$dp, \\\\\\\\$hadp, 0, \\\\\\\\$h))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n\\t offsetX(\\n\\tExpression.expression(\\&quot;\\\\$dp * -1\\&quot;))\\n\\t })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;art-creative-graffiti\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.fill() { width(\\&quot;\\\\\\\\$w\\&quot;)\\n height(\\&quot;\\\\\\\\$h\\&quot;) })\\n\\t border(Border.solid(1,Color.rgb(\\&quot;FFFFFF\\&quot;)))\\n\\t adjust(Adjust.opacity(60))\\n\\t resize(Resize.crop() { width(\\&quot;\\\\\\\\$w\\&quot;)\\n height(\\&quot;\\\\\\\\$dp\\&quot;)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t rotate(Rotate.mode(\\n\\tRotationMode.verticalFlip()))\\n\\t reshape(Reshape.distort(listOf(0, 0, \\\\\\\\$w, 0, \\\\\\\\$wadp, \\\\\\\\$dp, \\\\\\\\$dp, \\\\\\\\$dp))) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t })\\n\\t })\\n\\t delivery(Delivery.format(\\n\\tFormat.auto()))\\n\\t delivery(Delivery.quality(\\n\\tQuality.auto())) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.png\\&quot;, {transformation: [ {variables: [[\\&quot;$w\\&quot;, \\&quot;300\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;10\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$dp\\&quot;, height: \\&quot;$h\\&quot;, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;hflip\\&quot;}, {effect: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;}, {x: \\&quot;$dp * -1\\&quot;, gravity: \\&quot;north_east\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;}, {width: \\&quot;$w\\&quot;, height: \\&quot;$dp\\&quot;, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;}, {angle: \\&quot;vflip\\&quot;}, {effect: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;}, {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;}, {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;art-creative-graffiti.png\\&quot;, {transformation: [\\n  {variables: [[\\&quot;$w\\&quot;, \\&quot;300\\&quot;], [\\&quot;$h\\&quot;, \\&quot;500\\&quot;], [\\&quot;$dp\\&quot;, \\&quot;10\\&quot;], [\\&quot;$wadp\\&quot;, \\&quot;$w + $dp\\&quot;], [\\&quot;$hadp\\&quot;, \\&quot;$h + $dp\\&quot;]]},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$dp\\&quot;, height: \\&quot;$h\\&quot;, gravity: \\&quot;east\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;hflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\&quot;},\\n  {x: \\&quot;$dp * -1\\&quot;, gravity: \\&quot;north_east\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$h\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;art-creative-graffiti\\&quot;), opacity: 60, border: \\&quot;1px_solid_rgb:FFFFFF\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {width: \\&quot;$w\\&quot;, height: \\&quot;$dp\\&quot;, gravity: \\&quot;south\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {angle: \\&quot;vflip\\&quot;},\\n  {effect: \\&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\&quot;},\\n  {gravity: \\&quot;south\\&quot;, flags: \\&quot;layer_apply\\&quot;},\\n  {quality: \\&quot;auto\\&quot;, fetch_format: \\&quot;auto\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 300))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 10))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;art-creative-graffiti.png\\&quot;)\\n  .addVariable(set(\\&quot;w\\&quot;, 300))\\n  .addVariable(set(\\&quot;h\\&quot;, 500))\\n  .addVariable(set(\\&quot;dp\\&quot;, 10))\\n  .addVariable(set(\\&quot;wadp\\&quot;, expression(\\&quot;$w + $dp\\&quot;)))\\n  .addVariable(set(\\&quot;hadp\\&quot;, expression(\\&quot;$h + $dp\\&quot;)))\\n  .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$dp\\&quot;).height(\\&quot;$h\\&quot;).gravity(compass(\\&quot;east\\&quot;)))\\n          .rotate(mode(horizontalFlip()))\\n          .reshape(distort([0, 0, $dp, $dp, $dp, $hadp, 0, $h]))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(expression(\\&quot;$dp * -1\\&quot;))\\n    )\\n  )\\n  .overlay(\\n    source(\\n      image(\\&quot;art-creative-graffiti\\&quot;).transformation(\\n        new Transformation()\\n          .resize(fill().width(\\&quot;$w\\&quot;).height(\\&quot;$h\\&quot;))\\n          .border(solid(1, \\&quot;#FFFFFF\\&quot;))\\n          .adjust(opacity(60))\\n          .resize(crop().width(\\&quot;$w\\&quot;).height(\\&quot;$dp\\&quot;).gravity(compass(\\&quot;south\\&quot;)))\\n          .rotate(mode(verticalFlip()))\\n          .reshape(distort([0, 0, $w, 0, $wadp, $dp, $dp, $dp]))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;south\\&quot;)))\\n  )\\n  .delivery(format(auto()))\\n  .delivery(quality(auto()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/$w_300,$h_500,$dp_10,$wadp_$w_add_$dp,$hadp_$h_add_$dp\\\/w_$w,h_$h,c_fill\\\/w_$w,h_$h,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_$dp,h_$h,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\\/x_$dp_mul_-1,g_north_east,fl_layer_apply\\\/w_$w,h_$h,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_$w,h_$dp,c_crop,g_south\\\/a_vflip\\\/e_distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\\/g_south,fl_layer_apply\\\/f_auto,q_auto\\\/art-creative-graffiti.png&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;$w&quot;:&quot;300&quot;,&quot;$h&quot;:&quot;500&quot;,&quot;$dp&quot;:&quot;10&quot;,&quot;$wadp&quot;:&quot;$w_add_$dp&quot;,&quot;$hadp&quot;:&quot;$h_add_$dp&quot;},{&quot;width&quot;:&quot;$w&quot;,&quot;height&quot;:&quot;$h&quot;,&quot;crop_mode&quot;:&quot;fill&quot;},{&quot;width&quot;:&quot;$w&quot;,&quot;height&quot;:&quot;$h&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;$dp&quot;,&quot;height&quot;:&quot;$h&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;east&quot;},{&quot;angle&quot;:&quot;hflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:$dp:$dp:$dp:$hadp:0:$h&quot;},{&quot;x&quot;:&quot;$dp_mul_-1&quot;,&quot;gravity&quot;:&quot;north_east&quot;,&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;width&quot;:&quot;$w&quot;,&quot;height&quot;:&quot;$h&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;overlay&quot;:&quot;art-creative-graffiti&quot;,&quot;opacity&quot;:&quot;60&quot;,&quot;border&quot;:&quot;1px_solid_rgb:FFFFFF&quot;},{&quot;width&quot;:&quot;$w&quot;,&quot;height&quot;:&quot;$dp&quot;,&quot;crop_mode&quot;:&quot;crop&quot;,&quot;gravity&quot;:&quot;south&quot;},{&quot;angle&quot;:&quot;vflip&quot;},{&quot;effect&quot;:&quot;distort:0:0:$w:0:$wadp:$dp:$dp:$dp&quot;},{&quot;gravity&quot;:&quot;south&quot;,&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;format&quot;:&quot;auto&quot;,&quot;quality&quot;:&quot;auto&quot;}],&quot;transformation_string&quot;:&quot;$w_300,$h_500,$dp_10,$wadp_$w_add_$dp,$hadp_$h_add_$dp\\\/w_$w,h_$h,c_fill\\\/w_$w,h_$h,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_$dp,h_$h,c_crop,g_east\\\/a_hflip\\\/e_distort:0:0:$dp:$dp:$dp:$hadp:0:$h\\\/x_$dp_mul_-1,g_north_east,fl_layer_apply\\\/w_$w,h_$h,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\\\/w_$w,h_$dp,c_crop,g_south\\\/a_vflip\\\/e_distort:0:0:$w:0:$wadp:$dp:$dp:$dp\\\/g_south,fl_layer_apply\\\/f_auto,q_auto&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;art-creative-graffiti.png&quot;,&quot;extension&quot;:&quot;png&quot;,&quot;format&quot;:&quot;png&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/$w_300,$h_500,$dp_10,$wadp_$w_add_$dp,$hadp_$h_add_$dp\/w_$w,h_$h,c_fill\/w_$w,h_$h,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_$dp,h_$h,c_crop,g_east\/a_hflip\/e_distort:0:0:$dp:$dp:$dp:$hadp:0:$h\/x_$dp_mul_-1,g_north_east,fl_layer_apply\/w_$w,h_$h,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_$w,h_$dp,c_crop,g_south\/a_vflip\/e_distort:0:0:$w:0:$wadp:$dp:$dp:$dp\/g_south,fl_layer_apply\/f_auto,q_auto\/art-creative-graffiti.png\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/$w_300,$h_500,$dp_10,$wadp_$w_add_$dp,$hadp_$h_add_$dp\/w_$w,h_$h,c_fill\/w_$w,h_$h,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_$dp,h_$h,c_crop,g_east\/a_hflip\/e_distort:0:0:$dp:$dp:$dp:$hadp:0:$h\/x_$dp_mul_-1,g_north_east,fl_layer_apply\/w_$w,h_$h,c_fill,l_art-creative-graffiti,o_60,bo_1px_solid_rgb:FFFFFF\/w_$w,h_$dp,c_crop,g_south\/a_vflip\/e_distort:0:0:$w:0:$wadp:$dp:$dp:$dp\/g_south,fl_layer_apply\/f_auto,q_auto\/art-creative-graffiti.png\" alt=\"art creative graffiti\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"310\" height=\"510\"\/><\/a><\/p>\n<h2>Doing It Yourself<\/h2>\n<p>Now that you\u2019re in tune with the power of Cloudinary\u2019s transformations, why not experiment with them on your own? Let your imagination run wild! If you run into issues along the way, <a href=\"https:\/\/support.cloudinary.com\/hc\/en-us\/requests\/new\">send us a support request<\/a>. We\u2019ll respond pronto.<\/p>\n<p>We\u2019d love to see\u2014and possibly feature on our site\u2014amazing creations from your projects. Feel free to <a href=\"https:\/\/cloudinary.com\/contact\">share them with us<\/a> or comment below.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":21799,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[165,227],"class_list":["post-21798","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-image-transformation","tag-performance-optimization"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.6 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Convert an Image to a 3D Canvas With Cloudinary<\/title>\n<meta name=\"description\" content=\"Learn how to apply aesthetic styling to an image with a series of overlays and convert it to three-dimensional canvas.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Turning a Flat Image Into a Three-Dimensional Canvas With Cloudinary\" \/>\n<meta property=\"og:description\" content=\"Learn how to apply aesthetic styling to an image with a series of overlays and convert it to three-dimensional canvas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-26T16:52:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-15T19:35:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719821\/Web_Assets\/blog\/Cloudinary_Gallery\/Cloudinary_Gallery.jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"1540\" \/>\n\t<meta property=\"og:image:height\" content=\"847\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Turning a Flat Image Into a Three-Dimensional Canvas With Cloudinary\",\"datePublished\":\"2018-09-26T16:52:04+00:00\",\"dateModified\":\"2026-03-15T19:35:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary\"},\"wordCount\":10,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719821\/Web_Assets\/blog\/Cloudinary_Gallery\/Cloudinary_Gallery.jpg?_i=AA\",\"keywords\":[\"Image Transformation\",\"Performance Optimization\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2018\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary\",\"url\":\"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary\",\"name\":\"Convert an Image to a 3D Canvas With Cloudinary\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719821\/Web_Assets\/blog\/Cloudinary_Gallery\/Cloudinary_Gallery.jpg?_i=AA\",\"datePublished\":\"2018-09-26T16:52:04+00:00\",\"dateModified\":\"2026-03-15T19:35:29+00:00\",\"description\":\"Learn how to apply aesthetic styling to an image with a series of overlays and convert it to three-dimensional canvas.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719821\/Web_Assets\/blog\/Cloudinary_Gallery\/Cloudinary_Gallery.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719821\/Web_Assets\/blog\/Cloudinary_Gallery\/Cloudinary_Gallery.jpg?_i=AA\",\"width\":1540,\"height\":847},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Turning a Flat Image Into a Three-Dimensional Canvas With Cloudinary\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Convert an Image to a 3D Canvas With Cloudinary","description":"Learn how to apply aesthetic styling to an image with a series of overlays and convert it to three-dimensional canvas.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary","og_locale":"en_US","og_type":"article","og_title":"Turning a Flat Image Into a Three-Dimensional Canvas With Cloudinary","og_description":"Learn how to apply aesthetic styling to an image with a series of overlays and convert it to three-dimensional canvas.","og_url":"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary","og_site_name":"Cloudinary Blog","article_published_time":"2018-09-26T16:52:04+00:00","article_modified_time":"2026-03-15T19:35:29+00:00","og_image":[{"width":1540,"height":847,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719821\/Web_Assets\/blog\/Cloudinary_Gallery\/Cloudinary_Gallery.jpg?_i=AA","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary"},"author":{"name":"","@id":""},"headline":"Turning a Flat Image Into a Three-Dimensional Canvas With Cloudinary","datePublished":"2018-09-26T16:52:04+00:00","dateModified":"2026-03-15T19:35:29+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary"},"wordCount":10,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719821\/Web_Assets\/blog\/Cloudinary_Gallery\/Cloudinary_Gallery.jpg?_i=AA","keywords":["Image Transformation","Performance Optimization"],"inLanguage":"en-US","copyrightYear":"2018","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary","url":"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary","name":"Convert an Image to a 3D Canvas With Cloudinary","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719821\/Web_Assets\/blog\/Cloudinary_Gallery\/Cloudinary_Gallery.jpg?_i=AA","datePublished":"2018-09-26T16:52:04+00:00","dateModified":"2026-03-15T19:35:29+00:00","description":"Learn how to apply aesthetic styling to an image with a series of overlays and convert it to three-dimensional canvas.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719821\/Web_Assets\/blog\/Cloudinary_Gallery\/Cloudinary_Gallery.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719821\/Web_Assets\/blog\/Cloudinary_Gallery\/Cloudinary_Gallery.jpg?_i=AA","width":1540,"height":847},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/turning_a_flat_image_into_a_three_dimensional_canvas_with_cloudinary#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Turning a Flat Image Into a Three-Dimensional Canvas With Cloudinary"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":""}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719821\/Web_Assets\/blog\/Cloudinary_Gallery\/Cloudinary_Gallery.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=21798"}],"version-history":[{"count":4,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21798\/revisions"}],"predecessor-version":[{"id":39875,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21798\/revisions\/39875"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/21799"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=21798"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=21798"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=21798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}