How to add an inscription to the owl carousel?

Question

Slider

How to add an inscription to the image in owl carousel so that the text is displayed fixedly at different screen resolutions?
Here is my code:

<div id="main-slider" class="owl-carousel owl-theme">
   					<div class="item"><img src="img/slide1.jpg" alt="Victory">
            <span class="slide-caption">
              Заголовок
            </span>
            <span class="slide-text">
              Текст
            </span>
   					</div>
</div>

#main-slider {				
      width: 100%;			
      .item {
        position: relative;	
          img{
      			display: block;
      			width: 100%;
      			height: auto;
          }
        .slide-caption{
          color: $white-color;
          font-family: Myriad Pro;
          font-size: 62px;
          position: absolute;
          top: 67px;
          right: 849px;
        }
        .slide-text{
          line-height: 55px;				
          width: 42%;
          color: $white-color;
          font-family: Segoe UI;
          font-size: 57px;
          font-weight: bold;
          text-transform: uppercase;
          position: absolute;
          top: 124px;
          right: 317px;
        }
      }
    }

Answer 1

#main-slider {				
      width: 100%;	
      }
      .item {
        position: relative;	
        }
          img{
      			display: block;
      			width: 100%;
      			height: auto;
          }
        .slide-caption{
          color: $white-color;
          font-family: Myriad Pro;
          font-size: 62px;
              display: block;
    left: 0;
    top: 0;
    position: absolute;
        }
        .slide-text{
          line-height: 55px;				
          width: 42%;
          color: $white-color;
          font-family: Segoe UI;
          font-size: 57px;
          font-weight: bold;
          text-transform: uppercase;
          position: absolute;
          top: 124px;
          right: 317px;
        }
      }
    }