Как открыть модальное окно полностью?

Question

[Andre548]

Всем привет, помогите разобраться со стилями, модальное окно открывается внутри блока

<div class="populars_slider">
                    @foreach($favoritProducts as $product)
                    <div class="popular">
                        <div class="popular_img">
                            <img src="{{'storage/' . $product->image}}" alt="">
                        </div>
                        <div class="popular_content">
                            <h3 class="popular_name">
                                {{$product->name}}
                            </h3>
                            <div class="popular_price">
                                от {{$product->price}} ₽
                            </div>
                        </div>
                        <livewire:product-component :product="$product"/>
                    </div>
                    @endforeach
                </div>

стили из populars_slider

.populars_slider {
    padding: 0 15px;
    min-width: 650px;
    margin: 0 -12px;
  }

стили из popular

.popular {
    padding: 0 25px;
    margin: 0 12px;
  }
.popular {
  padding: 0 55px;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}