After upgrade from v7.15 to v8.18.5 images not loading when clicking on Media tabs in umbraco . But my content section and frontend loading all images.

We have a Image cropper setup in data type in v7.15.

Getting 400 bad request.

Image link looks like for a image as follows but image not loading

<img umb-image-lazy-load="{&quot;src&quot;: &quot;/media/3668/annazhu_sdn_9209.jpg&quot;, &quot;crops&quot;: [
  {
    &quot;alias&quot;: &quot;hero&quot;,
    &quot;width&quot;: 1600,
    &quot;height&quot;: 500
  },
  {
    &quot;alias&quot;: &quot;listing&quot;,
    &quot;width&quot;: 321.55,
    &quot;height&quot;: 176
  },
  {
    &quot;alias&quot;: &quot;featured&quot;,
    &quot;width&quot;: 505,
    &quot;height&quot;: 370
  },
  {
    &quot;alias&quot;: &quot;tiles&quot;,
    &quot;width&quot;: 289,
    &quot;height&quot;: 160
  },
  {
    &quot;alias&quot;: &quot;thumbnail&quot;,
    &quot;width&quot;: 180,
    &quot;height&quot;: 160
  },
  {
    &quot;alias&quot;: &quot;og&quot;,
    &quot;width&quot;: 1200,
    &quot;height&quot;: 630
  },
  {
    &quot;alias&quot;: &quot;twitter&quot;,
    &quot;width&quot;: 800,
    &quot;height&quot;: 320
  },
  {
    &quot;alias&quot;: &quot;googlePlus&quot;,
    &quot;width&quot;: 150,
    &quot;height&quot;: 150
  },
  {
    &quot;alias&quot;: &quot;linkedIn&quot;,
    &quot;width&quot;: 180,
    &quot;height&quot;: 110
  },
  {
    &quot;alias&quot;: &quot;square&quot;,
    &quot;width&quot;: 180,
    &quot;height&quot;: 180
  }
]}?width=500&amp;mode=max&amp;animationprocessmode=first" class="umb-media-grid__item-image" width="200" height="133.4" ng-if="item.thumbnail" alt="Annazhu SDN 9209 (1)" draggable="false" src="{&quot;src&quot;: &quot;/media/3668/annazhu_sdn_9209.jpg&quot;, &quot;crops&quot;: [
  {
    &quot;alias&quot;: &quot;hero&quot;,
    &quot;width&quot;: 1600,
    &quot;height&quot;: 500
  },
  {
    &quot;alias&quot;: &quot;listing&quot;,
    &quot;width&quot;: 321.55,
    &quot;height&quot;: 176
  },
  {
    &quot;alias&quot;: &quot;featured&quot;,
    &quot;width&quot;: 505,
    &quot;height&quot;: 370
  },
  {
    &quot;alias&quot;: &quot;tiles&quot;,
    &quot;width&quot;: 289,
    &quot;height&quot;: 160
  },
  {
    &quot;alias&quot;: &quot;thumbnail&quot;,
    &quot;width&quot;: 180,
    &quot;height&quot;: 160
  },
  {
    &quot;alias&quot;: &quot;og&quot;,
    &quot;width&quot;: 1200,
    &quot;height&quot;: 630
  },
  {
    &quot;alias&quot;: &quot;twitter&quot;,
    &quot;width&quot;: 800,
    &quot;height&quot;: 320
  },
  {
    &quot;alias&quot;: &quot;googlePlus&quot;,
    &quot;width&quot;: 150,
    &quot;height&quot;: 150
  },
  {
    &quot;alias&quot;: &quot;linkedIn&quot;,
    &quot;width&quot;: 180,
    &quot;height&quot;: 110
  },
  {
    &quot;alias&quot;: &quot;square&quot;,
    &quot;width&quot;: 180,
    &quot;height&quot;: 180
  }
]}?width=500&amp;mode=max&amp;animationprocessmode=first"> 

NOTE: I have updated Image cropper a field value from 321.55 to 322 after upgade to v8 becuase of decimal not supported in v8 and other contents broken