main{
    padding-top: 7rem;
}
.errormessage{
    color: red;
}

.box {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 12rem;
}

.img-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 12rem;
    object-fit: cover;
    padding: 10px;
}

.img-box:hover{
    padding: 0rem;
}

.box-2{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 35rem;
}

.img-box-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 35rem;
    object-fit: cover;
    padding: 10px;
}