.container {
margin: 0 auto;
width: 1150px;
}
.container {
margin: 0 auto;
max-width: 1150px;
width: 100%;
}
.blog_wrapper {
display: flex;
}
.blog_wrapper {
display: flex;
flex-wrap: wrap;
}
display: flex
. -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
.line-4 {
position: reletive;
padding: 0 0 0 10px;
margin: 0 0 0 30px;
}
.line-4:before {
position: absolute;
content: "";
top: 0;
left: -30px;
width: 30px;
height: 100%;
background: url("/path/to/sign.svg") 50% 50% no-repeat;
background-size: contain;
}
position: absolute
внутри заголовка с position: relative
body {
height: 100vh;
overflow: hidden;
background: url(/path/back.svg) no-repeat 50% 50%;
bacckground-size: cover;
}
/path/back.svg
путь к векторной картинке с нужным фоном в виде волны.