<style>
  .custom-tab-container {
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
  }

  .nav-tabs {
    border-bottom: none;
  }

  .nav-link {
    border: none !important;
    padding: 0;
    background: transparent !important;
    opacity: 1;
    transition: opacity 0.3s ease;
  }

  .nav-link:not(.active):hover {
    opacity: 0.8;
  }

  .tab-img {
    width: 100%;
    height: auto;
    display: block;
  }

  .nav-link .img-on {
    display: none;
  }
  .nav-link .img-off {
    display: block;
  }

  .nav-link.active .img-on {
    display: block;
  }
  .nav-link.active .img-off {
    display: none;
  }

  .tab-content {
    width: 100%;
  }

  .content-img {
    width: 100%;
    height: auto;
    display: block;
  }
</style>