why i cant resize lightbox images?

Question

I'm using lightbox for Bootstrap 5. According to this site, if you add a line of code to your java script, you can choose which size you want to output sm lg or xl full screen. I did add it to my js, but nothing happened. Did I do something wrong, or am I missing something?

the code founded on the website that i am using to resize but its not working

        const options = { 
            keyboard: true, 
             size: 'sm'};

  document.querySelectorAll('.my-lightbox-toggle').forEach((el) =>el.addEventListener('click', (e) => { e.preventDefault();
  const lightbox = new Lightbox(el, options);
  lightbox.show();
  }));

please check my codepen for the example link