position: absolute внутри заголовка с position: relative body {
height: 100vh;
overflow: hidden;
background: url(/path/back.svg) no-repeat 50% 50%;
bacckground-size: cover;
}/path/back.svg путь к векторной картинке с нужным фоном в виде волны. 
.icon_i {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
font-size: 1em;
color: red;
text-align: center;
font-style: italic;
font-family: serif;
border: 0.125em solid red;
border-radius: 0.25em;
z-index: 1;
box-sizing: border-box;
background-color: #fff;
background-color: inherit;
}
.icon_i:after {
content: '';
position: absolute;
left: calc(50% - 0.25em);
bottom: -0.385em;
width: 0.5em;
height: 0.5em;
border-right: 0.125em solid red;
border-bottom: 0.125em solid red;
z-index: -1;
transform: rotate(45deg);
box-sizing: border-box;
background-color: inherit;
}each здесь лишнее. Думаю, так должно работать, как ожидается:$('.declar_page_declar_list_item').hover(function(){
$(this).find('.declar_item_bg').toggleClass('declar_item_bg_usual');
$(this).find('.declar_item_bg').toggleClass('declar_item_bg_active');
});max-width 300px; // потому что ширина ограничена свойством max-width
max-height: 290px; // высота, кстати, тоже ограниченаcube {
width: 50px;
height: 50px;
background: #111;
position: absolute;
bottom: 14%;
left: calc( 50% - 25px );
animation: up 2s infinite;
}
@keyframes up {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(2rem);
}
}p - блочный элемент, который имеет ширину по умолчанию 100%, span по умолчанию строчный элемент имеет ширину своего контента. $args = array(
'cat' => 8,
'meta_key' => 'flat_price',
'orderby' => array( 'meta_value_num' => 'asc', 'date' => 'desc' ),
'posts_per_page'=>'-1'
);
if ( have_posts() ) : query_posts($args);
while ( have_posts() ) : the_post();
get_template_part( 'template-parts/content', 'grid' );
endwhile;
endif;
wp_reset_postdata();