.elementor-26 .elementor-element.elementor-element-f748749{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--padding-top:6%;--padding-bottom:6%;--padding-left:0%;--padding-right:0%;}.elementor-26 .elementor-element.elementor-element-f748749::before, .elementor-26 .elementor-element.elementor-element-f748749 > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-f748749 > .e-con-inner > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-f748749 > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-f748749 > .e-con-inner > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-f748749 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://fox.browmaster.net/wp-content/uploads/2025/06/bg1.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:36% auto;}.elementor-26 .elementor-element.elementor-element-972223a{--display:flex;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-26 .elementor-element.elementor-element-a451473{text-align:center;}.elementor-26 .elementor-element.elementor-element-a451473 .elementor-heading-title{font-family:var( --e-global-typography-a435f28-font-family ), Sans-serif;font-size:var( --e-global-typography-a435f28-font-size );font-weight:var( --e-global-typography-a435f28-font-weight );line-height:var( --e-global-typography-a435f28-line-height );letter-spacing:var( --e-global-typography-a435f28-letter-spacing );}.elementor-26 .elementor-element.elementor-element-1c66845{text-align:center;}.elementor-26 .elementor-element.elementor-element-1b03831{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-26 .elementor-element.elementor-element-1247059{--display:flex;--justify-content:center;--border-radius:20px 0px 0px 20px;--padding-top:3em;--padding-bottom:3em;--padding-left:4em;--padding-right:5em;}.elementor-26 .elementor-element.elementor-element-1247059:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-1247059 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-854745e );}.elementor-26 .elementor-element.elementor-element-8380179 .elementor-heading-title{font-family:var( --e-global-typography-a435f28-font-family ), Sans-serif;font-size:var( --e-global-typography-a435f28-font-size );font-weight:var( --e-global-typography-a435f28-font-weight );line-height:var( --e-global-typography-a435f28-line-height );letter-spacing:var( --e-global-typography-a435f28-letter-spacing );}.elementor-26 .elementor-element.elementor-element-2eb81bd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:dashed;--border-style:dashed;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:15px 15px 15px 15px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-26 .elementor-element.elementor-element-c3bf44a > .elementor-widget-container{margin:-2em -2em 0em 0em;}.elementor-26 .elementor-element.elementor-element-c3bf44a img{width:100%;height:600px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-26 .elementor-element.elementor-element-ad1a8ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-26 .elementor-element.elementor-element-41708a4{text-align:center;}.elementor-26 .elementor-element.elementor-element-41708a4 .elementor-heading-title{font-family:"Red Hat Text", Sans-serif;font-size:37px;font-weight:600;line-height:1.2em;letter-spacing:-0.5px;}.elementor-26 .elementor-element.elementor-element-0d12a6f{text-align:center;}@media(max-width:1024px){.elementor-26 .elementor-element.elementor-element-f748749{--padding-top:2em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-26 .elementor-element.elementor-element-a451473 .elementor-heading-title{font-size:var( --e-global-typography-a435f28-font-size );line-height:var( --e-global-typography-a435f28-line-height );letter-spacing:var( --e-global-typography-a435f28-letter-spacing );}.elementor-26 .elementor-element.elementor-element-1b03831{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:3em;--padding-bottom:3em;--padding-left:5em;--padding-right:5em;}.elementor-26 .elementor-element.elementor-element-1247059{--border-radius:0px 0px 20px 20px;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-26 .elementor-element.elementor-element-8380179 .elementor-heading-title{font-size:var( --e-global-typography-a435f28-font-size );line-height:var( --e-global-typography-a435f28-line-height );letter-spacing:var( --e-global-typography-a435f28-letter-spacing );}.elementor-26 .elementor-element.elementor-element-c3bf44a img{width:100%;height:500px;}.elementor-26 .elementor-element.elementor-element-41708a4 .elementor-heading-title{font-size:25px;}}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-f748749::before, .elementor-26 .elementor-element.elementor-element-f748749 > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-f748749 > .e-con-inner > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-f748749 > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-f748749 > .e-con-inner > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-f748749 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:50% auto;}.elementor-26 .elementor-element.elementor-element-f748749{--padding-top:1em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-26 .elementor-element.elementor-element-972223a{--padding-top:21px;--padding-bottom:21px;--padding-left:21px;--padding-right:21px;}.elementor-26 .elementor-element.elementor-element-a451473 .elementor-heading-title{font-size:var( --e-global-typography-a435f28-font-size );line-height:var( --e-global-typography-a435f28-line-height );letter-spacing:var( --e-global-typography-a435f28-letter-spacing );}.elementor-26 .elementor-element.elementor-element-1b03831{--padding-top:2em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-26 .elementor-element.elementor-element-1247059{--width:90%;--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-26 .elementor-element.elementor-element-8380179 .elementor-heading-title{font-size:var( --e-global-typography-a435f28-font-size );line-height:var( --e-global-typography-a435f28-line-height );letter-spacing:var( --e-global-typography-a435f28-letter-spacing );}.elementor-26 .elementor-element.elementor-element-c3bf44a img{height:350px;}.elementor-26 .elementor-element.elementor-element-ad1a8ba{--padding-top:0em;--padding-bottom:5em;--padding-left:1em;--padding-right:1em;}.elementor-26 .elementor-element.elementor-element-41708a4 .elementor-heading-title{font-size:24px;}}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-1247059{--width:50%;}.elementor-26 .elementor-element.elementor-element-2eb81bd{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-26 .elementor-element.elementor-element-1247059{--width:90%;}.elementor-26 .elementor-element.elementor-element-2eb81bd{--width:100%;}}@media(min-width:1025px){.elementor-26 .elementor-element.elementor-element-f748749::before, .elementor-26 .elementor-element.elementor-element-f748749 > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-f748749 > .e-con-inner > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-f748749 > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-f748749 > .e-con-inner > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-f748749 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}}/* Start custom CSS for image, class: .elementor-element-c3bf44a */<div class="hover-sound">
  <img src="https://yourwebsite.com/wp-content/uploads/2025/08/myphoto.jpg" alt="My Photo" />
  <audio preload="auto">
    <source src="https://yourwebsite.com/wp-content/uploads/2025/08/mysong.mp3" type="audio/mpeg" />
  </audio>
</div>
<div class="hover-sound">
  <img src="https://fox.browmaster.net/wp-content/uploads/2025/06/tmpyxtk06db.webp" alt="Bitchen Brows" />
  <audio preload="auto">
    <source src="https://fox.browmaster.net/wp-content/uploads/2025/08/Bitchen-Brows.mp3" type="audio/mpeg" />
  </audio>
</div>

<style>
  .hover-sound {
    display: inline-block;
    position: relative;
    cursor: pointer;
  }
  .hover-sound img {
    display: block;
    max-width: 100%;
    height: auto;
  }
  /* Optional: add a subtle overlay hint */
  .hover-sound::after {
    content: "🎵 Hover to play";
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    background: rgba(255, 255, 255, 0.7);
    padding: 0.2rem 0.4rem;
    font: 500 12px/1.2 system-ui;
    border-radius: 0.4rem;
    pointer-events: none;
  }
</style>

<script>
(function(){
  const els = document.querySelectorAll('.hover-sound');
  els.forEach(el => {
    const audio = el.querySelector('audio');
    el.addEventListener('mouseenter', () => {
      audio.currentTime = 0;
      audio.play().catch(() => {/* autoplay blocked? nothing */});
    });
    el.addEventListener('mouseleave', () => {
      audio.pause();
      audio.currentTime = 0;
    });
    el.addEventListener('touchstart', () => {
      if (audio.paused) {
        audio.currentTime = 0;
        audio.play().catch(() => {});
      } else {
        audio.pause();
        audio.currentTime = 0;
      }
    }, {passive: true});
  });
})();
</script>/* End custom CSS */