Layering Two Images

Bootstrap Studio Help
1

Hi, community! <3

I recently bought Bootstrap Studio last week and today is the first time diving into the software.

image
image1380×701 298 KB

I have a basic layout of what I want. In the middle of the green fire I’d like the logo to be layered on top in the middle. But after countless searching of these forums & google I can’t seem to work it out. Here is how the website is structured so far.

image
image293×370 5.64 KB

Could anyone help me to achieve this?

2

Hi,
You can do something like this

<div class="position-relative d-flex justify-content-center">
	<img class="img-fluid" alt="Main picture" src="FireBackground.webp" />
	<img class="rounded-circle position-absolute top-0" 
		src="logo.webp" 
		style="width: 25%;min-width: 80px;z-index: 2;"
		alt="logo"
	/>
</div>
1 Like