Странная ошибка ширины iframe в коде вставки facebook

Я пытаюсь встроить отзывы Facebook на свой сайт, но ширина поля не отображается правильно. ширина: 286 пикселей, по умолчанию загружается 350 пикселей;

Интересно, что когда я открываю консоль разработчика и перезагружаю страницу, iframe отлично загружается с точным размером, который должен быть.

Я также пытался написать скрипт jquery, который перезагружает iframe после рендеринга страницы, но безуспешно.

Кто-нибудь знает, почему это происходит и как я могу это исправить? Спасибо

                            <div class = "container">
                              <div class = "row">
                                <div class = "col-sm">
                                    <div class = "card" style = "width: 286px; height:215px;">
                                          <iframe onload = "reloadOnce(this)" width = "286px" height = "215px" src = "https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fkirsty.armstrong.904%2Fposts%2F2292031390876127&width=286" style = "border:none;overflow:hidden" scrolling = "no" frameborder = "0" allowTransparency = "true" allow = "encrypted-media"></iframe>
                                    </div>
                                </div>
                                <div class = "col-sm">
                                    <div class = "card" style = "width: 286px; height:215px;">
                                          <iframe onload = "reloadOnce(this)" src = "https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Faneesa.aidroos.3%2Fposts%2F386560588794579&width=286" width = "286px" height = "215px" style = "border:none;overflow:hidden" scrolling = "no" frameborder = "0" allowTransparency = "true" allow = "encrypted-media"></iframe>
                                    </div>
                                </div>
                                <div class = "col-sm">
                                    <div class = "card" style = "width: 286px; height:215px;">
                                          <iframe onload = "reloadOnce(this)" src = "https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Falinbush%2Fposts%2F2343483609028644&width=286" width = "286px" height = "215px" style = "border:none;overflow:hidden" scrolling = "no" frameborder = "0" allowTransparency = "true" allow = "encrypted-media"></iframe>
                                    </div>

                                </div>
                              </div>
                            </div>