


.backtainer{ 
margin-left: 5%;
}

.backtainer img{
width: 20%;
}

.backtainer{ /* apply to the image and not the container */
transition: transform 0.2s ease; /* Smooth zoom transition */
}

.backtainer:hover{ /* no idea why this is here */
transform: scale(1.1); /* increase size by 10% */
}

#backtainer{
height: 20vh; 
width: auto; 
}

@media (max-width: 767px) { /* tells the computer that this is a media query, only conditional, and is basically an "if screen is smaller" statement */
#responsive-image {
    height: 40vh; /* For mobile/smaller screens */
}
}

