Css 是否有方法仅翻转左侧的边框图像？

有没有办法反转页面左侧的边框图像，使花边的直边像右侧一样位于页面中心

截图：

我已经做了相当多的在线搜索，但我没有看到任何解决这个问题的办法

css文件：

div.wrapper {
    margin: 0 auto;
    width: 75%;
    border: solid transparent;
    border-width: 0 76px;
    border-image: 76 repeat url(https://lh3.googleusercontent.com/o-AmkgUtE-j5QcXB96gMQt80O4UxaDxMiP2En4imiWnF9ZN363dlePAyJRpeJvhQJWjUmRSp9wxKAnyW3AZsKsSmAy4NVD1ROnZ8LXMnT8-JcGac5ch9YXuyyRiyLOhTk5JJynfd8LKMVCg3VnQKAiXoT2CWrB8UHLNEUNcng1YLOyWN9k56q5n3vb8trNtv67SrANk77IiFpoM8_N0eu1i7zkqtk_kI2cxwwUn85dvHt42IkKzC1Q1TVNrG1cJ0-FKRaT9APUf3yGh79p423Zn-p6RCz2oeqT1uUu2qrVrVdn58betT27ROxrEjIhryCOTjsI4_A_IK9Zy5O4GJ7Y92DCNe1Ug18eetmFGMxW6eyuZJ9MkqXrGH1dCv43dJYWQNYjn7N-dB63DeDCf3P6X_ARUKS_lKZfSPyazlBRAPrBVvFaIu8RXJh3bdM0SfSR6SIOuy4Wzo_8DF8rHZ71YJMq9yQ7yE4Eend3VsFqan2jasLpQd2oUN-dE82QUs6v2PoOynQhVqkUDe5AkIKn4BGX1YnoqImLRMUVYzYN0WVx-ikxEWgDVTnYU9PqK5D41ePIyTdNNq3BLB2s-5RMqyaILGageeZhE2Mv14_QYyY5-PQpYK-pvBG6iKNBEZc91cDYXSnuVKBeV8j5hYE00HAJYm3hiIuux23JwUC5POkIkzXDNJcV06Wr_FdNc5__FiWEPe39ANlRpgx4KWB7fJ=w76-h320-no);
}

翻转图像是通过变换完成的

---

希望有帮助。

如何仅将此应用于左边框图像？这就是我遇到的难题。应用图像，然后翻转图像。你们可以做实验和测试对吗？好的，我会给你们一个提示，你们可以在你们的div中使用一个before和after。啊！我能够使用：before和：after使其工作。非常感谢你！您是否尝试过使用psudeo:：before:：after并在那里使用transform翻转图像？

-webkit-transform: scaleX(-1);
  transform: scaleX(-1);