Vue Router warning for background-image

<li>             
              <p
                class="bg-fixed"
                style="
                  background-image: url('../assets/images/pexels-dimitri-kuliuk-1488315.jpg');
                  background-size: cover;
                  background-position: center; 
                  height: 300px;
                  width: 100%; 
                  display: flex;
                  align-items: center; 
                  justify-content: center; 
                  color: white; 
                "
              >
                Jessica Maddinton<br />&<br />Brian Owell
              </p>
          </li>
          <li>
            <img src="../assets/images/pexels-dimitri-kuliuk-1488315.jpg" />
          </li>