xxxxxxxxxx
background-positions: left top , left bottom;
background-poditions: right top , right bottom;
All of these applied according to need
xxxxxxxxxx
/* Keyword values */
background-position: top;
background-position: bottom;
background-position: left;
background-position: right;
background-position: center;
/* % length values where 0 is top left */
background-position: 20% 70%;
/* absolute length values */
background-position: 0 0;
background-position: 1rem 2em;
background-position: 10vh 8rem;
/* Multiple images */
background-position: 0 0, center;
/* Edge offsets values */
background-position: bottom 10px right 20px;
background-position: right 3em bottom 10px;
background-position: bottom 10px right;
background-position: top right 10px;
xxxxxxxxxx
div {
background-image: url("alert.png");
background-position: 20px 10px;
background-repeat: no-repeat;
}
xxxxxxxxxx
section {
background-color: salmon;
width: 100%;
margin: 3px;
height: 45vh;
overflow: scroll;
background-image: url("https://picsum.photos/id/684/600/400");
background-position: right;
background-repeat: no-repeat;
background-size: auto;
background-size: 80% 100%;
}