.popup {
            display: none;
            position: fixed;
            z-index: 999;
            padding-top: 100px;
            left: 0;
            top: 0;
            text-align: center;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgb(0, 0, 0);
            background-color: rgba(0, 0, 0, 0.2);
            transition-timing-function: ease-in 2s;
        }

        .popup-content {
            margin: auto;
            border: none;
            width: 568px;
            background-size: cover;
            background-repeat: no-repeat;
            text-align: center;
            outline: none;

        }
        
      .popup-img {
            object-fit: contain;
            width: 568px;
/*            margin-left: 20%;*/
            margin-top: 25%;
        }

        .close {
            color: #aaaaaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
            margin-top: -0px;
            margin-bottom: 20px;
            background-image: url(https://www.richcraft.com/wp-content/uploads/2020/04/close-icon.svg);
            width: 25px;
            height: 25px;
            background-repeat: none;
            background-size: cover;
            outline: none;

        }

        .close:hover,
        .close:focus {
            text-decoration: none;
            cursor: pointer;
        }


        @media only screen and (max-width: 1023px) {
            .popup-content {
                width: 568px;
                padding-left: 0;
            }

            .popup-img {
                width: 100% !important;
               margin-left: 0;
            }
        }

        @media only screen and (max-width: 768px) {
            .popup-content {
                width: 90%;
                padding-left: 0;
            }

            .popup-img {
                width: 100% !important;
                margin-left: 0;
            }
        }