1
00:00:00,860 --> 00:00:06,380
So I have this image and in order to add this image to your project, you need to drag this image and

2
00:00:06,380 --> 00:00:11,420
drop it onto the images folder and make sure that this image is inside the images folder.

3
00:00:11,810 --> 00:00:19,520
And it's recommended to get an image that has a high resolution and it's big enough to cover a complete

4
00:00:19,520 --> 00:00:19,940
width.

5
00:00:21,200 --> 00:00:26,540
So this is the image now in the sense we need to use this image in the background image.

6
00:00:26,540 --> 00:00:34,190
So in order to use it, we need to say here, Don, that because the style that is inside this says,

7
00:00:34,670 --> 00:00:41,240
therefore, we need to do we need to get one step back to the assets and then we need to get into the

8
00:00:41,240 --> 00:00:41,660
images.

9
00:00:42,110 --> 00:00:48,260
Therefore, we need to say dot, dot, and then four slash images and therefore slash the name of the

10
00:00:48,260 --> 00:00:48,560
image.

11
00:00:48,560 --> 00:00:51,590
So the name of the image is back that jpeg.

12
00:00:52,250 --> 00:00:54,980
Now let me see it and let me refresh.

13
00:00:55,580 --> 00:00:57,470
And as you can see, the image is going to look like this.

14
00:00:57,920 --> 00:01:04,550
But we need to work on this image for first of all, the man's face is completely hidden because it's

15
00:01:04,550 --> 00:01:06,200
behind the navigation bar.

16
00:01:06,620 --> 00:01:11,120
So we need to shift this image toward the bottom a little.

17
00:01:11,450 --> 00:01:16,910
And to do this, we need to change the back ground position.

18
00:01:17,270 --> 00:01:23,690
So I'm going to change the background position X, which is which is the right and left and the Y as

19
00:01:23,690 --> 00:01:23,930
well.

20
00:01:23,930 --> 00:01:26,900
The Y, the Y is the top and bottom.

21
00:01:27,560 --> 00:01:30,980
So for the X, I'm going to say 90 x.

22
00:01:32,300 --> 00:01:33,710
This is going to shift the image.

23
00:01:33,780 --> 00:01:37,910
Let me refresh and show you that the image will be shifted a little bit to the right side.

24
00:01:38,510 --> 00:01:48,380
If I say y, if I say in back ground y position y, 80 x, now the image will be shifted towards the

25
00:01:48,380 --> 00:01:54,920
bottom and the man's face is is part of it is as is apparent now.

26
00:01:55,430 --> 00:01:58,850
But the image doesn't have the complete man's face.

27
00:01:59,180 --> 00:02:02,840
The the the image is completely being displayed now.