Bootstrap Modal carousel in Rails - ruby-on-rails

Question

I'm working on project on Ruby on Rails 6 and trying to make modal carousel with bootstrap 4. It works fine with the first element of massive, but don't with other elements. Arrows right and left don't work
<div class="container">
<div class="row">
<% #division.galleries.each do |gallery| %>
<div class="col">
<%= link_to image_tag(gallery.image_url(:thumb).to_s), [gallery.division, gallery],
data: {toggle: 'modal', target: "#myModal-#{dom_id(gallery)}"}, id: "image-#{dom_id(gallery)}" %>
<p>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal-<%= dom_id(gallery) %>" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<%= image_tag #division.galleries.find(gallery.id).image_url.to_s, class: "gallery1" %>
</div>
<% #division.galleries.drop(1).each do |gallery| %>
<div class="carousel-item">
<%= image_tag gallery.image_url.to_s, class: "gallery1" %>
</div>
<% end %>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
<% end %>
</div>
require("#rails/ujs").start()
require("turbolinks").start()
require("#rails/activestorage").start()
require("channels")
import 'bootstrap'
import './stylesheets/application'