What is the method to ensure an image remains between two <br> tags regardless of the screen size?

edit

One method is to use CSS to set the image as a background of a div element, and then set the div element's height to a percentage of the viewport height using the "vh" unit. This will ensure the div and the background image will resize proportionally to the screen size. For example:

<div style="height: 50vh; background-image: url('image.jpg'); background-size: cover;"></div>

This code will create a div with a height of 50% of the viewport height, and set the background image to "image.jpg" with the "cover" value for the "background-size" property, which will ensure the image covers the entire div regardless of its size. The div can then be positioned between the "
" tags to ensure it remains there regardless of the screen size.