orsodev

Я наверно плохо расписал то что мне нужно.
На сайте есть ряд элементов.
Одни со скобками, другие в боксах.

Мне нужен универсальный вариант чтобы все выглядело одинаково. SVG плохо адаптируются и ведут себя не так как нужно, поэтому хочу сделать это через css
Закругленность должна оставаться одинаковой по углам, нужно менять только высоту в зависимости от контента внутри

Может не совсем правильно задал вопрос.
Интересует есть ли возможность эти фильтры указывать в CSS?
Например

<feFlood  flood-color="#000" flood-opacity=".3"/>
<feOffset  dx="-2" dy="2"/>

в СSS

filter="drop-shadow(rgb(0 0 0 / 30%) -2px 2px 0px)"

Будут ли эти мониторы работать с встроенной графикой Intel Core i3-8100? Или нужна для этого ещё видеокарта? Через какой порт нужно его подключать для того чтобы использовать все возможности монитора?

Может кому то пригодится

<script>
                    $(".lightbox").click(function() {
                        var imgsrc = $(this).attr('rel');
                        $("html").append("<div class='img-popup'><div class='video__container'><div class='video__wrap'><iframe src='" + imgsrc + "' width='1425' height='559' frameborder='0' ></iframe></div><span class='close-lightbox'>Close Video</span></div></div>");
                        $(".close-lightbox, .img-popup").click(function() {
                            $(".img-popup").fadeOut(500, function() {
                                $(this).remove();
                            }).addClass("lightboxfadeout");
                            $("body").removeClass("body__blur");
                        });

                    });
                    $(".lightbox").click(function() {
                        $(".img-popup").fadeIn(500);
                        $("body").addClass("body__blur");
                    });
    </script>

Здесь хорошо описано процес установки
https://code.tutsplus.com/tutorials/getting-starte...