Greyscale

<div class="container px-md-5 mt-2">

        <div class="card border-0 p-5" style="background: url('https://i.pinimg.com/originals/e8/ab/83/e8ab83923295950ea0456f39aed9f5f6.jpg'); border-radius:15px;">
          <div class="card rounded-0 p-3"><div class="card-header text-center" style="background: url(https://thumbs.dreamstime.com/b/light-grey-network-web-texture-seamless-pattern-great-space-inspired-wallpaper-backgrounds-invitations-packaging-design-132890319.jpg);color: #000000; height: 70px;"><p class="text-center mb-0" style="letter-spacing: 1px;  font-family: 'Baloo Paaji 2', monospace;"> <i class="fa-solid fa-crown" style="color: #000000;"></i> <br><p>NAME.AGE.SPECIES</p><br></div><br><div class="row no-gutters"><div class="col-md-3 px-3 mb-3" style="background: url(https://thumbs.dreamstime.com/b/light-grey-network-web-texture-seamless-pattern-great-space-inspired-wallpaper-backgrounds-invitations-packaging-design-132890319.jpg);height:200px;"><br><ul class="nav nav-tabs row card-header-tabs"><li class="col-12 mb-1"><a class="btn bg-dark btn-block btn-outline-secondary active" data-toggle="tab" href="#vert1">Intro</a></li><li class="col-12 mb-1"><a class="btn bg-dark btn-block btn-outline-secondary" data-toggle="tab" href="#vert2">About</a></li><li class="col-12 mb-1"><a class="btn bg-dark btn-block btn-outline-secondary" data-toggle="tab" href="#vert3">Backstory</a></li><li class="col-12 mb-1"><a class="btn bg-dark btn-block btn-outline-secondary" data-toggle="tab" href="#vert4">Relationships</a></li></ul></div><div class="col-md-9"><div style="overflow: auto; max-height: 200px;"><div class="tab-content"><div class="tab-pane fade active show" id="vert1"><div class="card p-3"><div class="p-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</div></div></div><div class="tab-pane fade" id="vert2"><div class="card p-3"><div class="p-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</div></div></div><div class="tab-pane fade" id="vert3"><div class="card p-3"><div class="p-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.Text3</div></div></div><div class="tab-pane fade" id="vert4"><div class="card p-3"><div class="p-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.Text4</div></div></div></div></div></div>
          <br>


<p style="text-align: right;">
              <a href="https://toyhou.se/17749879.f2u" id="">HTML Profile</a> by @Feral_Toasty</p></div></div></div>

                        </div></div></div>