Not get a image url in capture

[samirinterlink]

{% style %}

.play-button-set a {

position: absolute;

top: 50%;

left: 48%;

transform: translate(-50%, -50%);

box-shadow: 0px 0px 12px 0 #00000047;

border-radius: 100%;

}

.set-heading-img-tes{

width: 400px;

height: 226px;

}

@media(max-width: 786px){

.set-heading-img-tes {

width: 100%;

height: 180px;

object-fit: cover !important;

}

}

{% endstyle %}

<section class="testimonials">

  <div class="container">

    <h2 class="title text-center inline-richtext {{ section.settings.heading_size }}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}">

      {{ section.settings.title }}</h2>

    <div id="testimonials-slider" class="splide">

      <div class="splide__track">

        <ul class="splide__list">

          {% for block in section.blocks %}

            {% comment %} {% assign idtestimonials = " " %} {% endcomment %}

            {% capture idtestimonials %}

                <img src="{{ block.settings.imageone | img_url: '180x180' }}" alt="Testimonial Image {% increment variablename %}">

            {% endcapture %}

          <li class="splide__slide position-relative">

            {% comment %} {% if block.settings.displayMode == 'image' %} {% endcomment %}

            <img src="{{ block.settings.image | img_url: 'master' }}"

              alt="Testimonial Image {% increment variablename %}" width="auto" height="auto"

              class="mb-2 set-heading-img-tes" style="border-radius: 1.8rem; object-fit: contain;">

            <div class="play-button-set">

              <a href="#" class="text-decoration-none quick-view-link" data-bs-toggle="modal"

                data-bs-target="#videoModal" role="button"><svg xmlns="http://www.w3.org/2000/svg"

                  width="50" height="50" fill="none" viewBox="0 0 164 164" class="PlayIcon">

                  <circle cx="82" cy="82" r="82" fill="#00D6A0"></circle>

                  <path fill="#fff" d="M134 81.5l-78.75 45.466V36.034L134 81.5z"></path>

                </svg>

              </a>

            </div>

            {% comment %} {% endif %} {% endcomment %}

          </li>

          {% endfor %}

        </ul>

      </div>

    </div>

  </div>

</section>

{% comment %} <!-- Modal --> {% endcomment %}

<div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">

  <div class="modal-dialog">

    <div class="modal-content">

      <div class="modal-header">

        <h1 class="modal-title fs-5" id="videoModalLabel">Modal title</h1>

        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

      </div>

      <div class="modal-body">

        {% if block.settings.displayMode == 'image' %}

        <video controls width="100%" height="auto">

          <source src="{{ block.settings.video.id }}" type="video/mp4">

        </video>

        {% else %}

        <div class="image-container">

          {{ idtestimonials }}

        </div>

        {% endif %}

      </div>

      <div class="modal-footer">

        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>

      </div>

    </div>

  </div>

</div>

<script>

  document.addEventListener('DOMContentLoaded', function () {

    new Splide('#testimonials-slider', {

      type: 'loop',

      perPage: 3,

      perMove: 1,

      pagination: true,

      arrows: false,

      autoplay: false,

      interval: 5000,

      breakpoints: {

        1024: {

          perPage: 3,

        },

        768: {

          perPage: 3,

        },

        576: {

          perPage: 1,

        },

        0: {

          perPage: 1,

        }

      },

      updateOnMove: true,

    }).mount();

  });

</script>

{% schema %}

{

"name": "Testimonials",

"tag": "section",

"class": "testimonials",

"settings": [

{

"type": "text",

"id": "title",

"label": "Testimonials Heading"

}

],

"blocks": [

{

"name": "Slide",

"type": "slide",

"settings": [

{

"type": "image_picker",

"id": "image",

"label": "Image"

},

{

"type": "select",

"id": "displayMode",

"label": "Display Mode",

"default": "image",

"options": [

{

"value": "image",

"label": "Image Popup"

},

{

"value": "video",

"label": "Video"

}

]

},

{

"type": "video",

"id": "video",

"label": "Video"

},

{

"type": "image_picker",

"id": "imageone",

"label": "Image Popup 1"

},

{

"type": "image_picker",

"id": "imagetwo",

"label": "Image Popup 2"

},

{

"type": "image_picker",

"id": "imagethree",

"label": "Image Popup 3"

},

{

"type": "image_picker",

"id": "imagefour",

"label": "Image Popup 4"

},

{

"type": "image_picker",

"id": "imagefive",

"label": "Image Popup 5"

},

{

"type": "image_picker",

"id": "imagesix",

"label": "Image Popup 6"

}

]

}

],

"presets": [

{

"name": "Testimonials",

"settings": {

"title": "Our Testimonials"

},

"blocks": [

{

"type": "slide"

},

{

"type": "slide"

}

]

}

]

}

{% endschema %}




not get a image URL
<img src="{{ block.settings.imageone | img_url: '180x180' }}" alt="Testimonial Image {% increment variablename %}">