@import url("https://fonts.googleapis.com/css?family=Inconsolata:400,400i,700");
/* Стили, относящиеся к данному примеру */
#block {
width: 100%;
height: 100%;
background-image: url(https://images.unsplash.com/photo-1590669257296-883ea9bb9f1f?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
background-size: 50%;
background-repeat: no-repeat;
background-position: 10% 20%;
background-color: #ff00ff22
}
/* Остальные стили */
body {
font-family: Inconsolata;
background-color: #f5f5f5;
}
#container {
background-image: url('https://siterost.net/uploads/temp/d373aaa2bf5b49b2c508f24ee70691c3.png');
width: 1000px;
height: 1000px;
}
h3 {
font-size: 24px;
font-size: 20px;
font-weight: bold;
color: #39a1f4;
padding: 16px;
background: rgba(255,255,255,.9);
}
h4 {
font-size: 24px;
font-weight: normal;
line-height: 1;
margin: 16px
}