body {
     background-image: url("Screenshot 2025-09-11 084018.png");
}

.Top-Bar-Image-Gallery {
    width: auto;
    height: 100px;
    display:flex;
    background-color: red; 
    background-image: url("Qeumpa And Ginger Floatless Heads.png");
    background-size: contain;
    
}

.Photo-Used-for-Title {
    
   display:flex; 
}

.Photo-Used-for-Title img{
    width:100%;
    
}
.two-header img{
    width: 600px;
}
.text-box{
    font-size: 40px;
}

.one-GingerTitle{
    /*to move the div free form*/
    position:absolute;
    z-index:+1;
    width:400px;
    left:360px;
    top:200px;
    transform: rotate(30deg);
    /*to move the div free form*/

}

.one-GingerTitle:hover{
    transform: scale(110%);
    transform: rotate(60deg);
    
}
.Bottom-Photo:hover{
    transform: scale(110%);
    transform: rotate(80deg);
    
}
.three-QeumpaTitle:hover{
    transform: scale(110%);
    transform: rotate(40deg);
    
}
.two-header {
    position:absolute;
    Left:800px;
    top:300px;
    transform: rotate(20deg);
    z-index:+1;
}
.three-QeumpaTitle {
    width:400px;
    position:absolute;
    left:1400px;
    top:400px;
    transform: rotate(-30deg);
    z-index:+1;
    
}


.Bottom-Photo {
    width: 400px;
    height: auto;
    position:relative;
    left:1200px;
    top:1300px;
}

    .text-box {
    background-color: rgb(116, 161, 116);
    color:white;
    Width: 800px;
    Height:900px;
    position:absolute;
    Left:600px;
    top: 600px;
    padding:2%;
}