/* Default styles for the div */
  .zoom-div {
    width: 100%;
    height: 100%;
    /* background-color: lightblue; */
  }

  /* Media query for small devices */
  @media only screen and (max-width: 1000px) {
    .zoom-div {
      zoom: 0.5;
    }
  }

  /* Media query for medium devices */
  @media only screen and (min-width: 1080px) and (max-width: 1920px) {
    .zoom-div {
      zoom: .7;
    }
  }

  .zoom-poup-div {
    width: 100%;
    height: 80%;
    /* background-color: lightblue; */
  }

  /* Media query for small devices */
  @media only screen and (max-width: 1000px) {
    .zoom-poup-div {
      zoom: 0.6;
      height: 70%;
    }
  }

  /* Media query for medium devices */
  @media only screen and (min-width: 1080px) and (max-width: 1920px) {
    .zoom-poup-div {
      zoom: 1;

    }
  }

/* For text inside image start*/
  /* .containers {
    position: relative;
    text-align: center;
    color: white;
  }
  
  .bottom-lefts {
    position: absolute;
    bottom: 8px;
    left: 16px;
  }
  
  .top-lefts {
    position: absolute;
    top: 8px;
    left: 16px;
  }
  
  .top-rights {
    position: absolute;
    top: 8px;
    right: 16px;
  }
  
  .bottom-rights {
    position: absolute;
    bottom: 8px;
    right: 16px;
  }
  
  .centereds {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  } */

  /* For text inside image end */


  /* Media query for large devices */
  /* @media only screen and (min-width: 1025px) {
    .my-div {
      zoom: 1.5;
    }
  } */