.background-img {
    background-image: url("https://apply.ssinstitute.ae/cover366.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    filter: blur(4px);
    -webkit-filter: blur(4px);
    height: 100vh;
}

.form-d {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

/* Extra Small Devices (phones, 480px and down) */
@media screen and (max-width: 480px) {
    .background-img {
        height: 201vh !important;
    }
}

/* Small Devices (portrait tablets and large phones, 481px to 768px) */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .background-img {
        height: 175vh !important;
    }
}

/* Medium Devices (landscape tablets and small laptops, 769px to 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    /* CSS rules for medium devices */
}

/* Large Devices (desktops, 1025px to 1200px) */
@media screen and (min-width: 1025px) and (max-width: 1200px) {
    /* CSS rules for large devices */
}

/* Extra Large Devices (large desktops, 1201px and up) */
@media screen and (min-width: 1201px) {
    /* CSS rules for extra large devices */
}