Automatic expansion of the width of the right-hand side of the code

[IlIIIIIIlI]

Is it possible to implement a function in the code area that can be expanded?

Something like mouse over the code area of markdown and once the slider is recognized it can be automatically expanded to the right.

PaperMod theme has this feature, but I prefer Loveit's layout and would like to know if this is possible, or if it is already possible.

<script>
  $("code[class^=language] ")
    .on("mouseover", function () {
      if (this.clientWidth < this.scrollWidth) {
        $(this).css("width", "135%");
      }
    })
    .on("mouseout", function () {
      $(this).css("width", "100%");
    });
</script>