<style>

/***Estilos fotografiaRealtor**/
  .bordeCard {
    padding: 10px;
    margin: 0;
    height: auto;
    width: auto;

  }

  .fotografiaRealtor{
      z-index: 100;
        & figcaption small {
        padding: 0;
        margin:0;
        background-color: red;
        line-height: 0.1rem;
        text-align: center;
        font-size: 0.85rem;
        line-height: 0.1rem;
        height: auto;
        }
  } 



  /* Ajustes específicos para diferentes viewports */
  /* Extra small devices (portrait phones, less than 576px) */
  @media (max-width: 575.98px) {

  }

  /* Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) and (max-width: 767.98px) {

  }

  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) and (max-width: 991.98px) {

  }

  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .bordeCard {
    background-color: #ffffff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-sizing: border-box;
      
    }

    .fotografiaRealtor{
    position: absolute;
    top: 290px;
    right: 22px;
    }

  }

  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) and (max-width: 1399.98px) {

      .bordeCard{
      background-color: #ffffff;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      box-sizing: border-box;
   
      }


      .fotografiaRealtor{
      position: absolute;
      top: 280px;
      right: 40px;
      width: calc(100vw - 80%);
       }
   }

  /* XXL devices (larger desktops, 1400px and up) */
  @media (min-width: 1400px) {
    .bordeCard{
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-sizing: border-box;
    }

    .fotografiaRealtor{
    position: absolute;
    top: 330px;
    right: 80px;
    width: calc(100vw - 82%);    
    }
  }

</style>





<div class="fotografiaRealtor col-3 col-sm-3 col-md-3 col-lg-3 col-xl-2 col-xxl-3">
      <picture>
       <source srcset="img/evelyn_molina_realtor_new_jersey350x585.jpg" media="(min-width: 1400px)">
        	<source srcset="componentes/fotografiaRealtor/img/evelyn_molina_realtor_new_jersey300x533.jpg" media="(min-width: 1200px)">
        	<source srcset="img/evelyn_molina_realtor_new_jersey248x496.jpg" media="(min-width: 992px)">
        	<source srcset="img/evelyn_molina_realtor_new_jersey192x384.jpg" media="(min-width: 768px)">
        	<source srcset="img/evelyn_molina_realtor_new_jersey144x288.jpg" media="(min-width: 576px)">

         <img class="d-block w-100" alt="Card image" srcset="img/evelyn_molina_realtor_new_jersey175x350.jpg">
         <figcaption class="card-title text-center" style="padding: 0; margin: 0;"><small> New Jersey</small></figcaption> 
      </picture> 
</div>


 





